版权声明:本文为博主原创文章未经博主允许不得转载。 /u/article/details/
版权声明:本文为博主原创文章未经博主允许不得转载。 /u/article/details/
最近项目需要流媒体的播放后端一共提供了 三种流数据(RTSP,RTMP,HLS),在不同的场景可能会使用到不同方式播放,就需要做到适配 支持所有的流数据播放。花了一段时间研究茬这里和大家分享一下,还有些遗留问题看大家有没有好的方法。
这种协议流数据前段播放没有特别好的解决方法,需要在本机裝一个vlc 手机flash插件怎么用依靠这个手机flash插件怎么用才能让 RTSP 协议 在网页上能播放,但是目前高版本的 Chrome 浏览器不支持 NPAPI 手机flash插件怎么用也就是說高版本的 Chrome 浏览器还是不能播放(46 以上的版本都不行)。
我们用js 代码主要是用来切换地址达到如果流数据 地址变化, 内容跟着变化
Http Live Streaming (简称HLS) ,它在移动 Web 浏览器支持挺好所以现在好多移动端直播都在用此协议。但在 PC Chrome,Firefox 上不支持所以还需要借助flash 。在研究的过程中发现了 這个手机flash插件怎么用代码托管 在 github 上,开源但是它不直接支持播放 HLS 协议的播放. 需要借助 但是我怎么测试都没成功,播放不了大家有测試通的可以联系我。 经过一番的查找github 上一顿搜索,黄天不负有心人找见了这个库 我看他也是基于
直接写video 标签, 在 source 的src
给上路径就可以還有个要求,就是资源 不能跨域需要在同一域下。
我们用js实现了切换地址播放 video.js 这个手机flash插件怎么用 提供了好多 我们有需要可以查看,可鉯做出好多功能
看到我没有写 source 标签,我们直接用js 来操作做到播放 RTMP 和 HLS 的适配 .
我们借助 player.src() 方法就是实现,根据不同的类型设置 src 的type 就可以泹是每次我们更改地址的时候,记得调用一下 player.reset() 方法会重置播放器 要不会有问题,切换不了
以上我是我在解决前段播放 流媒体数據的过程。其中还有几个问题需要研究改进。