网页播放ts文件的原理和过程是什么啊?

zhjsl

这段在研究视频播放技术,我需要将整段视频切割成若干段ts文件,并将该视频片段加载到ckplayer播放器内播放,目前,前半段即将整段视频切割成ts文件弄好了.现在的问题是如何将这些ts文件加载到ckpllayer播放器内播放
播放的原理是什么?
实现过程是怎么样的?
感谢赐教!

zxjung

使用的工具是 ffmpeg：

先用ffmpeg把abc.mp4文件转换为abc.ts文件：

ffmpeg -y -i abc.mp4 -vcodec copy -acodec copy -vbsf h264_mp4toannexb abc.ts

完成测试 https://cfss.cc/Dp/ck/?Cf=t.ts

zhjsl

zxjung 发表于 2023-1-7 22:47
使用的工具是 ffmpeg：

先用ffmpeg把abc.mp4文件转换为abc.ts文件：

感谢回复.但我 需要的是如何将这些TS文件加载到播放器中

zxjung

zhjsl 发表于 2023-1-8 08:31
感谢回复.但我 需要的是如何将这些TS文件加载到播放器中

再用ffmpeg把abc.ts文件切片并生成playlist.m3u8文件

5秒一个切片：ffmpeg -i abc.ts -c copy -map 0 -f segment -segment_list playlist.m3u8 -segment_time 5 abc%03d.ts

生成m3u8测试 https://cfss.cc/Dp/ck/?Cf=/dp/yt.m3u8

zhjsl

zxjung 发表于 2023-1-8 13:56
再用ffmpeg把abc.ts文件切片并生成playlist.m3u8文件

5秒一个切片：ffmpeg -i abc.ts -c copy -map 0 -f ...

感谢回复.刚做了测试,用video标签,并在其内包裹source标签,在其内的src属性写m3u8文件的地址即可.如:

1. <video>
   
2. <source src='m3u8视频文件引导文件'>
   
3. </video>

复制代码

现在的问题是,为什么我的页面会不停的刷新,而不播放?