Problem with hls provider + react
See original GitHub issueI saw some important issue when worked with hls and this pretty player.
steps to reproduce at https://vimejs.com/demo or in you own project
- react
- chose hls provider
- insert track tag with subtitles then the player started to bug and playback stopped. You can check this on demo page and i have the same behavior in my project
code looks like this:
` <VimePlayer theme=“dark” style={{ ‘–vm-player-theme’: ‘#e86c8b’ }}
<VimeHls
crossOrigin
poster="https://media.vimejs.com/poster.png"
>
<source
data-src="https://media.vimejs.com/hls/index.m3u8"
type="application/x-mpegURL"
/>
<track
default
kind="subtitles"
src="https://media.vimejs.com/subs/english.vtt"
srclang="en"
label="English"
/>
</VimeHls>
<VimeDefaultUi />
</VimePlayer>
`
Please let’s find out what the problem
Issue Analytics
- State:
- Created 3 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
hls.js "modules[moduleId] is undefined" With Create-React ...
I was recently playing around with hls.js as the backend for a cloud programming assignment where I had to build a service to...
Read more >How to resolve "Cannot use import statement outside a ...
In case anyone is running into this currently, this solution fixed this error in my case. github.com/react-hook-form/resolvers/issues/…
Read more >This error, "Something went wrong with Native playback ...
When a plain MP4 asset is configured, instead of an HLS or MPEG-DASH stream, THEOplayer will do native rendering. Native rendering can log...
Read more >React Video Streaming and Transformations - Cloudinary
Deliver your video using adaptive bitrate streaming in HLS or MPEG-DASH. You can optionally specify all of the above transformations to videos ...
Read more >Error Boundaries - React
This change has an important implication. As of React 16, errors that were not caught by any error boundary will result in unmounting...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Okay @ViacheslavBurlaka for the captions I’ll look at adding a SRT to WebVTT converter so it can accept SRT files.
Thx a lot but it sounds a little bit sadly) i have no option to convert format from .srt to another. That’s mean I need to looking for another video player?) or maybe in near feature you can find solution for this use case? I think that’s not rare and very popular situation. At many streaming platforms developers have only srt subtitles sources and src link for .m3u8. And i cannot find solution anywhere, it’s disappointing…