一.前言

在做h5播放mp4视频时,如果文件比较大,网页就会加载很慢。这时我们需要分段加载视频,一边加载一边播放。现在主流的在线播放视频方案是用m3u8

二.视频分段

这里我们用ffmpeg工具将视频切分多个ts文件

mac下安装ffmpeg

brew install ffmpeg
切分mp4视频
ffmpeg -i test.mp4 -c:v libx264 -hls_time 2 -hls_list_size 0 -c:a aac -strict -2 -f hls ts/test.m3u8
test.mp4:原视频,-hls_time 2:表示2秒一个分片,ts/test.m3u8:表示将生成的ts文件保存到ts目录下,m3u8文件名为test.m3u8

三.视频播放

自己搭建的示例:http://live.h5.hechaojie.com/

腾讯Tcplayer示例:https://web-player-1252463788.file.myqcloud.com/demo/tcplayer.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注