如何在网页端和移动端播放rtmp和hls视频流

html-css018

如何在网页端和移动端播放rtmp和hls视频流,第1张

安卓设备上的播放——Vitamio

安卓设备3.0以上原生支持hls,但是不支持rtmp,为了统一以及低版本兼容,可以使用第三方的一个播放器库——vitamio。

hls播放

如果仅需要在移动设备的WebView上播放,可以选择使用html中嵌入hls播放。如下html能够在所有Safari或者安卓3.0以上的WebView上播放。这样就不需要使用第三方的播放器。

VideoJS

如果要让网页支持在所有浏览器上播放,就需要使用第三方的播放器。VideoJs是一个较好的播放器库,完全免费,不像JWPlayer一样需要付费才能使用一些高级功能。

网路上许多影音都利用flash player来播放,大部分的原始格式为.flv,如有名的youtube等,若其档案走的协定为http协定,那大部分的软体都可以直接下载,有名的如:Jdownloader、Orbit downloader…,但若走的协定为rtmp,这些软体就没办法下载了,以下介绍如何下载rtmp协定的线上影音,我以中天电视的网站为例(http://www.ctitv.com.tw/drama_video.html ):

操作的逻辑为:先取得影音档案的rtmp url (格式为rtmp://aaa.bbb.ccc./x.flv),再利用rtpdump程式,将线上影音档存到档案中:

1.首先到 http://rtmpdump.mplayerhq.hu/ 下载rtmpdump,这裏我用的是 windows版的rtmpdump 。

2.接著到中天电视的网站,假设我要抓的是沈春华Life Show的影音(http://www.ctitv.com.tw/drama_video_c96.html ),点选要下载的页面。

3.在浏览器中按右键,选择检视原始档,找到url的所在,有的网站会直接列出.flv的位置,有的则是像中天电视一样,给一个.xml档,可以用搜寻(Ctrl+F)关键字的方式,试试.flv或.xml,本例子是找到如下的.xml位置 (http://www.ctitv.com.tw/ctiplayer/a/60192/1/flashvars.xml )。

4.打开上面的xml档案,可以找到rtmp的位置 (rtmp://video.ctitv.com.tw/vod/media/2011/10/31/fb4b76f4-2fb9-4075-b97d-71ef3444d729.flv),用浏览器是无法打开的,这时候就需要rtmpdump来帮忙。

5.先将rtmpdump解到c:\rtmpdump中

6.开启dos视窗到rtmpdump目录中,cd c:\rtmpdump

7.rtmpdump是命令列的程式,使用的方式为 rtmpdump -r rtmp的url -o 输出的档名.flv,本例中使用的命令列是

c:\rtmpdump>rtmpdump -r rtmp://video.ctitv.com.tw/vod/media/2011/10/31/fb4b76f4-2fb9-4075-b97d-71ef3444d729.flv -o saved.flv

可以将要抓的串流档存成saved.flv

8.等抓完就可以看到如下的画面。

9.dir 後,就可以看到存下来的saved.flv,此时就可以用支援flv的播放器来播放了。

可以用VLC media player播放,具体操作步骤如下:

1、首先,在安装了VLC的计算机上单击“开始”,然后单击所有程序,如下图所示,然后进入下一步。

2、其次,找到VLC media player并点击打开,如下图所示,然后进入下一步。

3、接着,在下方红框中粘贴rtmp流媒体地址,然后单击播放,如下图所示,然后进入下一步。

4、最后,如果网络不好,可以单击缓存处,将缓存值设置的大点,就可以流畅地播放视频了,如下图所示。这样,问题就解决了。