Introduce hls.js for m3u8 support #245
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
有哪个字幕组是m3u8的吗？ |
|
没有，只不过后端把视频分片之后，前端播放性能会好很多，尤其是在公网部署的时候，不然 B-Global 和 Netflix 这种4k片源会加载会非常慢。 |
|
所以这个pr不仅仅是支持m3u8？ |
|
我的意思是，如果后端能提供m3u8/ts格式的分片文件，比如对象存储这类云服务，那么就使用m3u8这种分片格式来加快流媒体速度，如果不能，比如nas下载的原始mp4文件，就正常地用h5 video播放mp4。 在nas上也能用ffmpeg进行切片生成m3u8索引文件，这时候如果前端能够支持m3u8就能加快点播速度。 |
|
@4627488 这里除 hls 类型的文件不能全用 可以先根据文件扩展名判断下文件类型，再传给 type: type: fileType === 'm3u8' ? 'customHls' : 'auto' |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR introduces hls.js to provide support for m3u8 video.
Changes include:
src/components/video-player/index.tsxto enable m3u8 video playback, and fallback to html5 video if the browser doesn't support it or the video is not m3u8.