为啥这个网站的视频用安卓 Chrome 打开 100%卡死

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 937 天前的主题，其中的信息可能已经有所发展或是发生改变。

https://yhdm.at/vod-play/20234513/ep3.html

用安卓 Chrome 打开,播放,随便拖几下进度,画面就会卡死,但是声音继续播放

大家的设备上能复现出类似问题嘛? 这个问题只有安卓 Chrome 上会发生, Mac,Windows,iOS 上面都一切正常

我测了其他的几个安卓浏览器
Brave: 和 Chrome 一样卡死
Kiwi: 进度条来回拖放多几次,画面卡死
Edge: 拖了好多次,播放都正常

试着在 chrome://flags 关闭下面的几个开关, 照旧
Android Surfacecontrol
Video hardware decode

这个网站还有一个奇怪的地方是, 在安卓上, video 的 readystate 永远是 4(加载完毕). 但是其他平台都是正常的

迫于超出能力范围, 有没有大哥能解释这个问题?或者提供一些思路

第 1 条附言 2023-03-18 15:53:30 +08:00

排查结果:
重新看了能复现的网页的代码, 发现安卓 Chrome 和桌面端的区别是, 安卓的 video.canPlayType('application/vnd.apple.mpegurl') 是 true, 但是 PC 端是 false. 也就是安卓的 html video player 能直接播放 m3u8 文件

测了一下 hls 在任何平台都能正常播放那个 m3u8. 所以问题是出在安卓 Chrome 浏览器的 m3u8 播放那一块逻辑.

无语...

第 2 条附言 2023-03-18 20:35:02 +08:00

可能文字说的不清楚, 复现步骤视频: https://user-images.githubusercontent.com/23057110/226083878-39bf3476-aa52-4118-9ac6-b4b7127cccc5.mp4

问题原因我也差不多找到了, 是安卓 Chrome 特有的 m3u8 播放器那块的问题. 所以火狐,或者其他平台是不可能复现的. 不能复现只是因为点击跳转的次数不够多不够快

Chrome

安卓

Video

播放

18 条回复 2024-01-02 23:20:42 +08:00

83f420984

2023-03-18 09:09:47 +08:00

Win10 、Cent Browser 5 正常

piku

2023-03-18 09:17:08 +08:00 via Android

没看，但是猜测这网站的视频没有索引。顺序播放是没有问题的，拖动进度条会由于没索引，不知道要去读文件的哪个部分，导致卡死（其实是非常慢
如果下载视频，然后用 vlc 播放，然后拖动进度条，vlc 会问你要不要建一个索引

penzi

2023-03-18 09:19:19 +08:00 via Android

@piku 但是在除了安卓的其他平台都是正常的

Joshuahui

2023-03-18 11:23:34 +08:00 via Android

原来看某个动画片时，想在电脑上看，和手机相同的网址，手机上有很多播放源，电脑上只有线路一，转到电脑版网址也不行，好像跟代理和网页显示比例也无关，至今未找到原因

penzi

2023-03-18 11:33:46 +08:00

@piku https://v8.dious.cc/2020309/HqtGKhq0/1500kb/hls/index.m3u8 我试了一下这个 m3u8 直接在 https://www.hlsplayer.net/ 这个网站上播放, 也会有这个问题.

这两网站都是用的 hls.js, 不知道是这个视频本身有问题, 还是 hls.js 的问题