先提供一个H5的视频播放器,支持m3u8
<!DOCTYPE html>
<html>
<head>
<title>视频在线解析</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<script src="https://cdn.bootcdn.net/ajax/libs/hls.js/0.14.14-0.alpha.5887/hls.min.js"></script>
<script src="https://config.net.cn/tools/static/Main/jquery.min.js"></script>
</head>
<body>
<div style="width: 100%;text-align: center;">
<p id = "Title"style="font-size: 22px;">在线播放</p>
<video id="my_video_1" width="70%" height="100%" controls poster="https://img0.baidu.com/it/u=2208922133,990968789&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500">
</video>
<div style="width: 64%;margin: 0 auto;">
<table id = "table">
<tr><td></td><td></td></tr>
</table>
</div>
</div>
<script>
var liebiao = {
猎冰:{
第01集:'http://xxxxx.com:9999/m3u8/no1.m3u8',
...
第17集:'http://xxxxx:9999/m3u8/no17.m3u8',
第18集:'http://xxxxx:9999/m3u8/no18.m3u8'
},
在线电视:{
浙江卫视:'http://ali-vl.cztv.com/channels/lantian/channel001/360p.m3u8?a=1000&d=46ff2b9c8e77cb79264e864b99592b89&k=16f158ac9e0c5ef3e70b88819fda9ea7&t=1709798048',
浙江4频道:'http://ali-vl.cztv.com/channels/lantian/channel004/360p.m3u8?a=1000&d=46ff2b9c8e77cb79264e864b99592b89&k=35e8457f7f508c29e3105c2e501f57ac&t=1709798351',
浙江6频道:'http://ali-vl.cztv.com/channels/lantian/channel006/360p.m3u8?a=1000&d=46ff2b9c8e77cb79264e864b99592b89&k=b8ca552e16fe818092a0bf7dba14e14b&t=1709798166'
},
在线广播:{
FM93:'http://ali-m-l.cztv.com/channels/lantian/fm93/128k.m3u8',
FM107:'http://ali-m-l.cztv.com/channels/lantian/fm107/128k.m3u8'
}
};
var urlliHtml = '';
for(leixing in liebiao){
urlliHtml += '<tr><td id ="'+ leixing +'" style="width: 64px;">' + leixing + '</td><td style="text-align: left;">';
for(name in liebiao[leixing]){
urlliHtml += '<button style="height: 30px; margin: 4px 2px; background: green;color: #FFF;border-radius: 4px;border: 0;" id ="'+leixing +'.'+ name +'">'+ name +'</button>';
}
urlliHtml += '</td></tr>';
}
//console.log(urlliHtml);
$("#table").append(urlliHtml);
$(document).ready(function(){
$("button").click(function(){
var button_object = $(this);
//console.log(button_object.context.id);
id = button_object.context.id;
url = liebiao[id.split(".")[0]][id.split(".")[1]];
$("#my_video_1").val();
if(Hls.isSupported()) {
var video = document.getElementById('my_video_1'); // 获取 video 标签
var hls = new Hls(); // 实例化 Hls 对象
hls.loadSource(url); // 传入路径
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play(); // 调用播放 API
});
}
$("#Title").html("正在播放..."+ id.split(".")[0] + id.split(".")[1]);
});
});
</script>
</body>
</html>
View Code
一个完整的M3U8文件, 可以尝试用记事本打开,建议用Notepad++打开,
#EXTM3U #EXT-X-VERSION:3 #EXT-X-TARGETDURATION:4 #EXT-X-PLAYLIST-TYPE:VOD #EXT-X-MEDIA-SEQUENCE:0 #EXTINF:1.84, https://xxxx.com/hls/K9AKr1ZN.ts ... # 下面为广告 #EXT-X-DISCONTINUITY #EXT-X-KEY:METHOD=NONE #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/FulpxjRz.ts #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/mcEEPpUn.ts #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/RJmK4ViG.ts #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/LHIw32HE.ts #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/ocGUhxkn.ts #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/ZS2KomqW.ts #EXTINF:2, /20240222/QO9zTTM3/2000kb/hls/VjpTIkRB.ts #EXTINF:1.08, /20240222/QO9zTTM3/2000kb/hls/wM3P6axN.ts #EXT-X-DISCONTINUITY #EXTINF:1.84, https://xxxx.com/hls/K9AKr1ZN.ts ... #EXT-X-ENDLIST
删除片头视频方法
# 以#EXTINF开始,下一行URL 注释或删除即可 # 见下面代码 # #EXTINF:2.343, # https://xxxx.com/FQpqVb5O/1500kb/hls/BDx4TXPx.ts # #EXTINF:2.52, # https://xxxx.com/FQpqVb5O/1500kb/hls/fjV5clYJ.ts # 下一行未被注释 #EXTINF:1.32, https://xxxx.com/FQpqVb5O/1500kb/hls/TA730dqt.ts # ...
删除广告方法
# 将得到的m3u8文件,以Notepad++打开, 选择语言-python- 搜索关键词 #EXT-X-DISCONTINUITY. # 以下面的方式批量注释,即可无广告, 以#EXT-X-DISCONTINUITY开始,以#EXT-X-DISCONTINUITY结尾,中间字符全给注释或删除 # #EXT-X-DISCONTINUITY # #EXT-X-KEY:METHOD=NONE # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/FulpxjRz.ts # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/mcEEPpUn.ts # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/RJmK4ViG.ts # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/LHIw32HE.ts # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/ocGUhxkn.ts # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/ZS2KomqW.ts # #EXTINF:2, # /20240222/QO9zTTM3/2000kb/hls/VjpTIkRB.ts # #EXTINF:1.08, # /20240222/QO9zTTM3/2000kb/hls/wM3P6axN.ts # #EXT-X-DISCONTINUITY
标签：播放器,EXTINF,删除,m3u8,20240222,hls,ts,QO9zTTM3,2000kb From： https://www.cnblogs.com/zhouein/p/18066158