首页 > 技术文章 > vue使用vue-video-player在直播中的应用

xuejiangjun 2018-03-30 02:16 原文

文档地址: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()

推荐阅读