question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Problem with hls provider + react

See original GitHub issue

I 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

  1. react
  2. chose hls provider
  3. 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> ` hls+react+issue

Please let’s find out what the problem

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
mihar-22commented, Nov 18, 2020

Okay @ViacheslavBurlaka for the captions I’ll look at adding a SRT to WebVTT converter so it can accept SRT files.

1reaction
ViacheslavBurlakacommented, Nov 18, 2020

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…

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found