rtmp、hls流视频监控播放前端代码

1、h5页面视频播放(引用video.js,适用hls流)




    VideoLayerPlayer
       
    


    


    
    

2、vue框架播放监控视频(hls流 通过下载hls node包ref动态获取视频地址)

npm install --save hls.js





3、rtmp流视频(只能IE浏览器或360浏览器打开安装插件)

rtmp只需嵌入监控视频地址即可 通过ref或者byID利用js动态刷新视频,否则需要手动刷新视频才会出来

你可能感兴趣的:(监控视频,vue.js,html5)