html5 cordova 视频直播

暂时只测通了电脑浏览器上的视频直播

用的是[email protected]

测试了rtmp和hls

先说rtmp,video.js设置源为rtmp时界面极其辣鸡,而且好像界面上所有元素都绑定了一个额外的点击事件,无论点击界面的哪个位置(video标签内、video标签外)都会触发video的toggle(paused为true时play(),paused为false时pause()),而且video.js不能直接播放rtmp流,还需要另外的videojs-flash。

当video.js >= 6.0时就需要载入额外的videojs-flash,因为对于video.js 5.x以及更低版本,flash技术是video.js核心技术库的一部分,但是对于video.js 6.x以及更高版本中,flash位于单独的存储库中。

因为video.js播放rtmp流的核心是flash技术,而google在android8.0以及更高版本中移除了flash,所以暂时用cordova在android8.0模拟器中无法加载,还需要加载videojs-swf,但是访问外部网址下载videojs-swf不知道为什么是violated的。

然后是hls,video.js设置源为hls时界面正常,而且可以选择liveui,界面点击情况也正常。

因为用的video.js是7.x版本的,而video.js在7.x版本后已经是捆绑了VHS(videojs-http-streaming是videojs-contrib-hls的继承者。它是一个源自videojs-contrib-hls存储库的源处理程序,但videojs-contrib-hls这个项目已经被弃用,被videojs-http-streaming继承,videojs-http-streaming可以播放hls,dsh和未来的http流媒体协议视频)。在[email protected]版本之前,如果是@6.x的话需要videojs-http-streaming,更早之前的版本需要videojs-contrib-hls。

虽然hls用的不是flash技术,但是暂时在android8.0模拟器中也无法加载,一直是黑屏中。

你可能感兴趣的:(前端)