→网页中播放m3u8视频 |
||
| 作者:qi0 | 回复/访问: 0/3812 | 发文时间:2023/10/16 23:20:39 |
| qi0 作者 2023/10/16 23:20:39 | 网页中播放m3u8视频 比较大的视频文件放在服务器上通过网页播放会造成网络卡顿,解决的办法就是把视频文件切片通过播放m3u8实现较大视频文件的播放。 第一步,下载ffmpeg.exe视频切割程序 具体参数可以搜索,此处常用切片指令: ffmpeg -i baodingfengjing.mp4 -hls_time 1 -hls_list_size 0 -f hls baodingfengjing.m3u8 将会得到一系列ts视频文件和一个m3u8文件; 第二步,对服务器上IIS进行配置,在MIME类型中增加设置扩展名m3u8,将其MIME类型设置为application/x-mpegURL,如下图: ![]() 也可以直接在web.config文件中设置,如下图示: ![]() 〈system.webServer〉 〈staticContent〉 〈mimeMap fileExtension=".m3u8" mimeType="application/x-mpegURL" /〉 〈/staticContent〉 〈/system.webServer〉 第三步,设置网页代码: 首先下载ckplayer并选择需要的css和js文件,在播放视频的网页中设置代码即可,如下图示: ![]() 以上是最简单的播放视频代码,也可以增加控制按钮,设置状态监听功能。 在网页中内嵌另一播放视频的网页,可采用如下方式 〈object data="http://xxx/index.html" style="border:0px" width="800" height="600"〉〈/object〉 |