本地實現obs+vue+livego推拉流播放視頻

安裝環境:

win7 

livego: 0.11版本會一直不斷重連,0.04版是沒問題的

obs

livego啓動畫面

obs設置

vue代碼

<template>

  <div>

    <div>ehllo</div>

    <video id="videoElement" ref="videoElement" controls="true" />

  </div>

</template>

 

<script>

import flvjs from 'flv.js'

export default {

  mounted() {

    if (flvjs.isSupported()) {

      var videoElement = this.$refs.videoElement

      console.log(this.$refs.videoElement)

      console.log(document.getElementById('videoElement'))

 

      var flvPlayer = flvjs.createPlayer({

        type: 'flv',

        isLive: true,

        url: 'http://172.100.30.225:7001/live/test.flv'

      })

      flvPlayer.attachMediaElement(videoElement)

      flvPlayer.load()

      // flvPlayer.play()

    }

  }

}

</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章