wordpress 交易模板,网站seo设计方案案例,汾阳做网站的公司,网站首页 模板方案一: H5 websocket_rtsp_proxy 实现视频流直播
Streamedian 提供了一种“html5_rtsp_player websock_rtsp_proxy”的技术方案#xff0c;可以通过html5的video标签直接播放RTSP的视频流。
整个架构如下图所示#xff0c;分为服务器端和浏览器端两部分#xff1a; 方案…方案一: H5 websocket_rtsp_proxy 实现视频流直播
Streamedian 提供了一种“html5_rtsp_player websock_rtsp_proxy”的技术方案可以通过html5的video标签直接播放RTSP的视频流。
整个架构如下图所示分为服务器端和浏览器端两部分 方案二RTSP转RTMP到RTMP服务器转http-flv播放端用flv.js播放
flv.js在获取到FLV格式的音视频数据后将 FLV 文件流转码复用成 ISO BMFFMP4 碎片片段再通过Media Source Extensions API 传递给原生HTML5 Video标签进行播放。
flv.js 是使用 ECMAScript 6 编写的然后通过 Babel Compiler 编译成 ECMAScript 5使用 Browserify 打包。
flv.js 从服务器获取FLV再解封装后转给Video标签的原因如下
兼容目前的直播方案目前大多数直播方案的音视频服务都是采用FLV容器格式传输音视频数据。flv格式简单相比于MP4格式转封装简单、性能上也占优势解析起来更快更方便。
方案三RTSP转RTMP到RTMP服务器转hls播放端用video.js播放
Video.js是一款web视频播放器支持html5和flash两种播放方式。更有自定义皮肤插件组件语言还有丰富的选项配置。
方案四VLC或者SmartPlayer第三方插件播放
VLC不再多说几乎做流媒体的开发者都知道SmartPlayer是大牛直播SDK (Github) 的播放插件延迟和功能体验更好。
插件形式的优点是无需二次转换直接通过ActiveX控件的形式播放延迟非常低缺点是只支持IE浏览器。 方案五RTSP转WebRTC播放
浏览器对webrtc的支持良好特别是在H264编码方面几个主流的浏览器都已经支持了。webrtc使用srtp进行媒体数据的传输那么我们只需要将rtp中的负载数据通过webrtc通道发送给浏览器而浏览器端只需要通过video标签播放即可目前RTSP转WebRTC对浏览器的适配比较好延迟也比较低。
