→网页中播放m3u8视频
作者:qi0 回复/访问: 0/3812 发文时间:2023/10/16 23:20:39


首页末页1/1
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〉



首页末页1/1
帖子ID:  留言人:
输入验证码
2020 qi811.com All Rights Reserved. 红尘随笔 版权所有。
备案号:渝ICP备19011467号-2