前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HLS 视频点播初探

HLS 视频点播初探

原创
作者头像
mac
发布2018-01-15 18:32:12
5.4K0
发布2018-01-15 18:32:12
举报
文章被收录于专栏:mac的专栏mac的专栏

视频精简下减少时长?创意不同意,要不把视频压缩下,挖槽那么模糊,创意不同意,好吧,还有其他的优化方案吗?

HTTP Live Streaming(HLS)是苹果公司实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。特点是将流媒体切分为若干 TS 片段(比如每10秒一段),然后通过一个扩展的 m3u 列表文件将这些 TS 片段集中起来供客户端播放器接收。

Native支持

Android 3.0+

iOS 3.0+

怎么把mp4文件切分成若干TS片段?

我这里使用了ffmpeg,去官网下载你需要的系统版本,解压到本地(E:\ffmpeg),配置环境变量(E:\ffmpeg\bin),dos窗口输入ffmpeg -version 如有信息则说明成功,可以进行接下来切分mp4了。

image.png
image.png

1、首页需要切分的视频必须是视频编码为H.264,音频编码aac格式的mp4,可通过 ffprobe dnf.mp4命令来查看文件编码

image.png
image.png

2、如果不是mp4格式,可用如下命令转

ffmpeg -i demo.mkv -acodec copy -vcodec copy demo.mp4

3、将mp4切分为ts切片

ffmpeg -i dnf.mp4 -codec:v libx264 -codec:a mp3 -map 0 -f ssegment -segment_format mpegts -segment_list video/index.m3u8 -segment_time 10 video/%03d.ts

-segment_time每隔十秒切一个文件

image.png
image.png

切片完成后入下所示:

image.png
image.png

前端页面可以用video标签引入扩展m3u8文件将这些TS片段集中来供客户端播放了。

<video  src="video/index.m3u8"></video>

案例demo

image.png
image.png

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档