Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

使用hls.js播放hls时,视频出现了花屏 #6515

Open
5 tasks done
xht opened this issue Jun 19, 2024 · 10 comments
Open
5 tasks done

使用hls.js播放hls时,视频出现了花屏 #6515

xht opened this issue Jun 19, 2024 · 10 comments

Comments

@xht
Copy link

xht commented Jun 19, 2024

What version of Hls.js are you using?

v1.5.11

What browser (including version) are you using?

Microsoft Edge(125.0.2535.92)

What OS (including version) are you using?

windows10

Test stream

No response

Configuration

{
  "debug": true,
  "enableWorker": true,
  "lowLatencyMode": true,
  "backBufferLength": 90
}

Additional player setup steps

No response

Checklist

Steps to reproduce

  1. 输入http://127.0.0.1:8000/record/Center1@1@文件1/_20240619/test/index.m3u8
    2.点击Apply。
  2. 播放出来的视频是花屏
  3. 可以提供m3u8相关的视频文件,联系方式: [email protected]

Expected behaviour

能正常解决解码视频

What actually happened?

不太清楚,用ffplay播放m3u8能正常播放

Console output

317.419 | Media element detached
317.422 | Loading http://127.0.0.1:8000/record/Center1@1@文件1/_20240619/test/index.m3u8
317.424 | Loading manifest and attaching video element...
317.428 | Media element attached
317.454 | 1 quality levels found
317.455 | Manifest successfully loaded

Chrome media internals output

No response

@xht xht added Bug Needs Triage If there is a suspected stream issue, apply this label to triage if it is something we should fix. labels Jun 19, 2024
@robwalch robwalch added Need sample stream cannot reproduce and removed Needs Triage If there is a suspected stream issue, apply this label to triage if it is something we should fix. labels Jun 22, 2024
@robwalch
Copy link
Collaborator

可以提供m3u8相关的视频文件,联系方式: [email protected]

We will not reach out via email or messaging app to follow up.

You can connect with us on Video-Dev Slack in the #hlsjs channel to share samples:
https://www.video-dev.org/

@xht
Copy link
Author

xht commented Jun 23, 2024

收到,已经发到了Video-Dev Slack

@robwalch
Copy link
Collaborator

robwalch commented Jun 24, 2024

Looks like an issue transcoding the Transport Stream segments.

https://github.com/video-dev/hls.js/blob/v1.5.11/src/demux/tsdemuxer.ts

@xht
Copy link
Author

xht commented Jun 24, 2024

那这个需要怎么修改喽

@robwalch
Copy link
Collaborator

It may be related to deficiencies found in NAL Unit overflow parsing. We had to rollback a change that introduced regressions in #6492.

@xht
Copy link
Author

xht commented Jun 24, 2024

刚才我测试了一下其它版本,hls.js-1.4.5和hls.js-1.5.8也有该现象

@xht
Copy link
Author

xht commented Jun 24, 2024

这个有没有方法把ts解析出的264,保存成文件不。这样可以进一步确认解析的264是不是正常

@robwalch
Copy link
Collaborator

这个有没有方法把ts解析出的264,保存成文件不。这样可以进一步确认解析的264是不是正常
Is there any way to save the 264 parsed by ts into a file? This can further confirm whether the parsed 264 is normal.

On the HLS.js demo page, check "Dump transmuxed fMP4 data", then click "Create video-fmp4" under "Playback" controls. All appended segments are concatenated into a single byte array.

@xht
Copy link
Author

xht commented Jun 27, 2024

您好,这个问题有进展了没,我尝试修改了部分代码,按照上面的方法下载了fmp4,用vlc播放,已经不花屏了。但网页上还是花屏。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants