vue使用vue-video-player在直播中的应用 - 薛将军

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

vue使用vue-video-player在直播中的应用

文档地址：https://github.com/savokiss/vue-videojs-demo

live demo地址：https://github.com/savokiss/vue-videojs-demo/blob/master/src/views/live.vue

作者文章：https://segmentfault.com/a/1190000011346597

采用阿里云的直播方案，协议采用RTMP和M3U8两种格式，RTMP延迟大约在10-15秒左右，M3U8大约在20-25秒左右，

RTMP需要使用flash播放器，M3U8可以使用原生video标签

需要注意的坑：

    1.开启浏览器的flash *非常重要

    2.需要引入

        require(\'videojs-flash/dist/videojs-flash\')

        require(\'videojs-contrib-hls/dist/videojs-contrib-hls\')
        这2个js

    3.配置自己的flash播放器

        在flash中加入swf: \'/static/xxx.swf\'

    4.组件beforeDestroy的时候调用dispose方法销毁videojs

        this.$refs.videojs.dispose()

以上是 vue使用vue-video-player在直播中的应用 - 薛将军 的全部内容， 来源链接： utcz.com/z/377775.html

回到顶部