Fullscreen #7748
Description
What do you want to do with Hls.js?
I noticed that for some reason, when using full-screen mode, video content sometimes stops loading on its own or loads very intermittently. One second the video plays normally, the next second it seems to be loading, and this continues until the user exits full-screen mode. Has anyone else encountered this?
HLS config
{
lowLatencyMode: false,
maxBufferLength: 300,
maxMaxBufferLength: 600,
maxBufferSize: 300 * 1000 * 1000,
maxBufferHole: 0.6,
liveBackBufferLength: 30,
backBufferLength: 120,
capLevelToPlayerSize: false,
capLevelOnFPSDrop: false,
liveSyncDurationCount: 3,
liveMaxLatencyDurationCount: 10,
enableWorker: true,
startLevel: -1,
}
https://youtu.be/xzNy1csZ5X4
I caught a moment from one person's stream. I know he has high-speed internet, and the content source is working properly.
I noticed that when it freezes, this appears in the console
{
"type": "mediaError",
"details": "bufferStalledError",
"fatal": false,
"error": {},
"buffer": 95.257985,
"bufferInfo": {
"len": 95.257985,
"start": 42.125423,
"end": 168.019088,
"buffered": [
{
"start": 42.125423,
"end": 168.019088
}
],
"bufferedIndex": 0
},
"stalled": {
"start": 127362.89999999851
},
"errorAction": {
"action": 0,
"flags": 0
}
}
How can this be done painlessly? The source is a relatively popular content hosting service that provides its content, so is it possible to resolve this on the website side?
What have you tried so far?
I'm not sure, but perhaps the browser's hardware acceleration has something to do with it