m3u8一个文件里多个清晰度的视频，怎么实现切换？

cxncoco 发表于 2022-5-6 01:02:14

zxjung 发表于 2022-5-6 05:56:22

本帖最后由 zxjung 于 2022-5-6 06:44 编辑

   "video": [
            ["https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/mp4/1_1920x1080.mp4", "video/mp4", "高清"],
            ["https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/mp4/1_1024x768.mp4", "video/mp4", "标清"],
            ["https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/mp4/1_640x480.mp4", "video/mp4", "流畅"]
   ]参考地址 https://cfyy.vip/api/?url=url:ck.json?.flv
自己拔代码

cxncoco 发表于 2022-5-6 15:09:55

zxjung 发表于 2022-5-6 05:56
"video": [
["https://ckplayer-video.oss-cn-shanghai.aliyuncs.com/mp4/1_1920x ...

m3u8里面都是m3u8，不是mp4

lanmfly 发表于 2022-5-6 20:14:44

m3u8切换清晰度，本身有顶级m3u8和二级m3u8干这个活：
顶级M3U8和二级M3U8，就是一个父子关系，顶级管理二级。
顶级M3U8：多码率适配的管理
二级M3U8：真正的切片文件，

顶级的M3U8：
#EXTM3U
#EXT-X-STREAM-INF
out001.m3u8
#EXT-X-STREAM-INF
out002.m3u8

二级M3U8
>#EXTM3U
#EXT-X-VERSION:3
#EXT-X-MEDIA-SEQUENCE:0
#EXT-X-ALLOW-CACHE:YES
#EXT-X-TARGETDURATION:11
#EXTINF:10.214667,
out000.ts
#EXTINF:10.000000,
out001.ts
#EXTINF:0.480000,
out002.ts
#EXTINF:0.760000,
out003.ts
#EXT-X-ENDLIST

zxjung 发表于 2022-5-6 23:06:53

本帖最后由 zxjung 于 2022-5-6 23:10 编辑

cxncoco 发表于 2022-5-6 15:09
m3u8里面都是m3u8，不是mp4
:curse: 你修改下啊

{"video":[["/api/yy/991.m3u8","video/*","超清"],["/api/yyzb/991.m3u8","video/*","高清"],["/api/yy/991.m3u8","video/*","流畅"]]}

https://cfyy.vip/api/ck.json

cxncoco 发表于 2022-5-7 17:14:50

zxjung 发表于 2022-5-6 23:06
你修改下啊

{"video":[["/api/yy/991.m3u8","video/*","超清"],["/api/yyzb/991.m3u8","video/*" ...

不好意思是新手，:shutup:
那默认播放怎么设置？？[尴尬]
打开的时候，显示错误，但是，选择清晰度之后，就可以播放了。

zxjung 发表于 2022-5-7 19:36:25

cxncoco 发表于 2022-5-7 17:14
不好意思是新手，
那默认播放怎么设置？？[尴尬]
打开的时候，显示错误，但是，选择清晰度之后， ...

没明白你的意思

cxncoco 发表于 2022-5-7 19:59:47

zxjung 发表于 2022-5-7 19:36
没明白你的意思

就是就是：
设置成这样
"video": [
["/v1.mp4", "video/*", "336p"],
["/v2.mp4", "video/*", "480p"],
["/v3.mp4", "video/*", "720p"]
]
播放的时候，这样：

需要点击清晰度，切换后，才能正常播放。

zxjung 发表于 2022-5-8 01:03:05

本帖最后由 zxjung 于 2022-5-8 01:15 编辑

cxncoco 发表于 2022-5-7 19:59
就是就是：
设置成这样
"video": [

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>长风-Ck播放器</title>
<link rel="stylesheet" type="text/css" href="https://cfss.vip/Dp/ck/ck-x3.red.css">
<script type="text/javascript" charset="utf-8" src="https://cfss.vip/Dp/ck/ck-x3.js"></script>
</head>
<div id="ck"></div>
<script type="text/javascript">
var ok=new Ckey({
container:'#ck',
autoplay:true,
live:false,//直播 true false
screenshot:true,//截图
rightBar:true,//右边控制栏
smallWindows:true,//小窗口
webFull:true,//全屏
theatre:true,//剧场模式
plug:'m3u8',//插件 m3u8 flv
logo:'https://bbs.ckplayer.com/static/image/common/logo.png',//logo 自己修改
video:[
   ["https://record.vod.yy.com/xcrs/15012_522154536_54880976_1607865315213.m3u8","video/*","超清"],
   ["https://record.vod.yy.com/xcrs/15012_522154536_54880976_1607778915219.m3u8","video/*","高清"],
   ["https://record.vod.yy.com/xcrs/15012_522154536_54880976_1607087699574.m3u8","video/*","流畅"]
   ],
});
</script>
</body>
</html>
代码运行 https://www.w3school.com.cn/tiy/t.asp?f=eg_html_basic

mshuking 发表于 2022-5-8 17:14:19

高手在明间，学习下

页: [1] 2

ckplayer's Archiver

m3u8一个文件里多个清晰度的视频，怎么实现切换？