基于flvjs的视频自动播放

最新推荐文章于 2024-08-07 09:38:34 发布

音视频开发老马

最新推荐文章于 2024-08-07 09:38:34 发布

阅读量1k

点赞数 2

分类专栏：音视频开发 Android音视频开发流媒体服务器文章标签：前端开发语言音视频 ffmpeg 视频编解码

本文链接：https://blog.csdn.net/yinshipin007/article/details/127989575

版权

本文介绍了如何基于flvjs实现视频自动播放，包括html设置、flv实例创建与播放、停止播放以及处理累积延迟导致的跳帧问题。还探讨了多路视频播放（尤其是超过6路时的浏览器限制）、页面花屏绿屏问题（与浏览器版本和码流有关）、流跨域和带音频播放黑屏（音频与视频时间戳不同步）的解决方案。

摘要由CSDN通过智能技术生成

基于flvjs的视频自动播放

1: html

<video class="video-content" id="video">
    您的浏览器不支持 HTML5 video！
</video>

2: 创建flv实例并播放

let videoPlayer = document.getElementById('video'); //获取html
if (flvJs.isSupported()) {
    //创建flv实例
    this.Player = flvJs.createPlayer({//MediaDataSource
            type: 'flv',
            hasAudio: false, //是否带音频播放
            isLive: true, //<====加个这个
            url: 'url'
        }, {//Config
            enableWorker: false, 
            enableStashBuffer: false
            //当带音频播放时,config部分配置项尽量采取默认状态,否则过分优化会造成卡死
        });
    this.Player.attachMediaElement(videoPlayer);
    this.Player.load(); //加载
    this.Player.play(); //播放
}