[HLS]做自己的m3u8点播系统使用HTTP Live Streaming(HLS技术)(3)

http://www.cuplayer.com/player/PlayerCodeAs/2014/03071219_3.html

6、 安装segmenter

svn co http://httpsegmenter.googlecode.com/svn/

cd svn/trunk

gcc -Wall -g segmenter.c -o segmenter -lavformat -lavcodec -lavutil -std=c99

cp segmenter /usr/bin/

从优酷上下载一个视频文件,假定为baluobu.flv

找个mp3文件,假定为10year.mp3

mkdir /var/flvs /var/mp4s /var/vc /var/app /var/app/10year /var/app/baluobu

使用ffmpeg将测试视频和音频转为mpeg ts格式文件

ffmpeg -i /var/flvs/baluobu.flv -f mpegts -acodec libmp3lame -ar 48000 -ab 128k -vcodec libx264 -b 96k -flags +loop -cmp +chroma -partitions +parti4x4+partp8x8+partb8x8 -subq 5 -trellis 1 -refs 1 -coder 0 -me_range 16 -keyint_min 25 -sc_threshold 40 -i_qfactor 0.71 -bt 200k -maxrate 96k -bufsize 96k -rc_eq ‘blurCplx^(1-qComp)’ -qcomp 0.6 -qmin 10 -qmax 51 -qdiff 4 -level 30 -aspect 320:240 -g 30 -async 2 /var/app/baluobu/baluobu.ts

ffmpeg -i /var/flvs/10year.mp3 -f mpegts -acodec libmp3lame -ar 48000 -ab 128k -vcodec libx264 -b 96k -flags +loop -cmp +chroma -partitions +parti4x4+partp8x8+partb8x8 -subq 5 -trellis 1 -refs 1 -coder 0 -me_range 16 -keyint_min 25 -sc_threshold 40 -i_qfactor 0.71 -bt 200k -maxrate 96k -bufsize 96k -rc_eq ‘blurCplx^(1-qComp)’ -qcomp 0.6 -qmin 10 -qmax 51 -qdiff 4 -level 30 -aspect 320:240 -g 30 -async 2 /var/app/10year/10year.ts

cd /var/app/10year

segmenter -i 10year.ts -d 5 -o 10year -x 10year.m3u8

cd /var/app/baluobu

segmenter -i baluobu.ts -d 5 -o buluobu -x baluobu.m3u8

7、测试

简单起见使用酷播网页视频播放器测试,下载 http://www.52player.com/VideoPlayer/2014/012326.html

http://demo.cuplayer.com:8080/hls/10year/10year.m3u8

http://demo.cuplayer.com:8080/hls/baluobu/baluobu.m3u8

如果无问题,说明已经正常配置成功了HTTP Live Streaming(HLS)服务

可以再iOS设备上使用safari访问以上地址

或者在android机器上安装vplayer后访问以上地址

如果需要通过网页形式提供在线视频,需要在nginx的mime.types文件中添加如下MIME类型:

.m3u8 application/x-mpegURL
.ts video/MP2T

同时在HTML5页面中使用video标签包含视频的m3u8文件

<video controls>
<source src=http://192.168.1.11:8080/hls/baluobu/baluobu.m3u8 />
</video>

8、开发说明

iOS已经原生支持HTTP Live Streaming(HLS),只需要使用MPMoviePlayerController播放以上地址即可

apple文档:http://bit.ly/Rnpsef

Android 3.x以后通过新增的NuPlayer类才支持HTTP Live streaming,而且功能也较弱,为简化处理,可以使用

Vitamio http://vov.io/vitamio/ 或 http://code.taobao.org/p/oplayer/src/ 下载

Servestream http://sourceforge.net/projects/servestream/

nginx-rtmp-module 本身也支持RTMP协议,从而也可以基于nginx来搭建在线直播系统。

Technorati 标签: HTTP Live Streaming,HLS,ffmpeg,直播,点播,vitamio,iOS,nginx-rtmp-module,nginx
Tagged with: HTTP Live Streaming,HLS,ffmpeg,直播,点播,vitamio,iOS,nginx-rtmp-module,nginx


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HLS.js 是一种流媒体播放器库,主要用于在网页上实现 HTTP Live Streaming (HLS) 视频播放功能。而 M3U8 则是一种基于文本的播放列表文件格式,常用于描述 HLS 视频的分片信息。 HLS.js 提供了一套 JavaScript 接口,通过解析 M3U8 文件以及下载和解码视频分片,实现了在网页上流畅播放 HLS 视频的功能。它可以在现代浏览器上运行,包括桌面和移动设备的浏览器。 使用 HLS.js,开发者可以通过简单的 HTML 代码来嵌入视频播放器,并配置播放器参数来自定义播放器界面和功能。HLS.js 支持自适应码率(Adaptive Bitrate)播放,可根据用户的网络情况动态调整视频的质量。 在 HLS 中,视频被切成多个分片,并以 M3U8 文件的形式描述每个分片的 URL 信息。HLS.js 能够通过解析 M3U8 文件,根据网络情况自动选择合适的分片进行缓冲和播放。同时,HLS.js 还支持预加载、跳转、重试等常见的播放器功能。 HLS.js 还提供了一些 API 和事件,使开发者能够对播放器进行控制和自定义。通过这些接口,我们可以动态改变播放状态、获取播放进度、监听播放事件等。 总的来说,HLS.js 是一个非常实用的工具,可以让开发者方便地在网页上实现 HLS 视频播放功能。通过使用 M3U8 文件来描述分片信息,HLS.js 能够根据网络情况进行自适应码率播放,提供流畅的视频体验。同时,HLS.js 还提供了丰富的 API 和事件,使开发者能够对播放器进行灵活的控制和自定义。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值