当前位置: 首页 > Web前端 > JavaScript

使用flv.js实现flv格式的监控视频流播放

时间:2023-03-27 15:39:50 JavaScript

最近在连接海信的监控摄像头,对方返回的监控视频流格式是flv格式。我用flv.js实现监控播放1:flv.jsgithub地址:https://github.com/Bilibili/f...flv.js下载地址:链接:https://pan.baidu.com/s/15yZ1...提取码:w4f3二:flv.js常用方法1:flvjs.isSupported():判断当前浏览器是否支持播放2:flvPlayer=flvjs.createPlayer(mediaDataSource:MediaDataSource,config?:Config):创建播放实例3:flvPlayer.attachMediaElement(mediaElement:HTMLMediaElement):将播放实例注册到视频节点4:flvPlayer.load():LoadVideo5:flvPlayer.play():Playvideo6:flvPlayer.pause():视频暂停7:flvPlayer.unload():移除视频加载8:flvPlayer.detachMediaElement():从节点移除播放实例9:flvPlayer.destroy():销毁播放示例3:flv.js的简单使用1:html2:js(1):importflv.js(2):使用flv.js播放flv格式流//获取视频节点videoElement=document.getElementById('my-player');if(flvjs.isSupported()){flvPlayer=flvjs.createPlayer({type:'flv',isLive:true,url:'XXXX',//flv格式Streamaddress},{enableWorker:false,//不启用单独的线程enableStashBuffer:false,//关闭IO隐藏缓冲区reuseRedirectedURL:true,//后续请求,如搜索,重新连接等,重新使用301/302重定向的url。autoCleanupSourceBuffer:true//自动清除缓存});flvPlayer.attachMediaElement(videoElement);flvPlayer.load();//加载flvPlayer.play();//播放}(3):关闭视频流flvPlayer.pause();flvPlayer.unload();flvPlayer.detachMediaElement();flvPlayer.destroy();flvPlayer=null;

最新推荐
猜你喜欢