ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3578|回复: 10

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

[复制链接]

1

主题

4

帖子

17

积分

新手上路

Rank: 1

积分
17
发表于 2022-5-6 01:02:14 | 显示全部楼层 |阅读模式
m3u8一个文件里多个清晰度的视频,怎么实现切换?
回复

使用道具 举报

5

主题

82

帖子

274

积分

中级会员

Rank: 3Rank: 3

积分
274
QQ
发表于 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
自己拔代码
回复

使用道具 举报

1

主题

4

帖子

17

积分

新手上路

Rank: 1

积分
17
 楼主| 发表于 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
回复

使用道具 举报

4

主题

70

帖子

653

积分

高级会员

Rank: 4

积分
653
发表于 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
回复

使用道具 举报

5

主题

82

帖子

274

积分

中级会员

Rank: 3Rank: 3

积分
274
QQ
发表于 2022-5-6 23:06:53 | 显示全部楼层
本帖最后由 zxjung 于 2022-5-6 23:10 编辑
cxncoco 发表于 2022-5-6 15:09
m3u8里面都是m3u8,不是mp4

你修改下啊

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

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

使用道具 举报

1

主题

4

帖子

17

积分

新手上路

Rank: 1

积分
17
 楼主| 发表于 2022-5-7 17:14:50 | 显示全部楼层
zxjung 发表于 2022-5-6 23:06
你修改下啊

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

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

使用道具 举报

5

主题

82

帖子

274

积分

中级会员

Rank: 3Rank: 3

积分
274
QQ
发表于 2022-5-7 19:36:25 | 显示全部楼层
cxncoco 发表于 2022-5-7 17:14
不好意思是新手,
那默认播放怎么设置??[尴尬]
打开的时候,显示错误,但是,选择清晰度之后, ...

没明白你的意思
回复

使用道具 举报

1

主题

4

帖子

17

积分

新手上路

Rank: 1

积分
17
 楼主| 发表于 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"]        
]
播放的时候,这样:

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

5

主题

82

帖子

274

积分

中级会员

Rank: 3Rank: 3

积分
274
QQ
发表于 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
回复

使用道具 举报

2

主题

19

帖子

845

积分

高级会员

Rank: 4

积分
845
发表于 2022-5-8 17:14:19 | 显示全部楼层
高手在明间,学习下
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表