Stack Overflow
Stack Overflow

Questions tagged [hls.js]

hls.js is a JavaScript library which implements an HTTP Live Streaming client

About

hls.js is a JavaScript library which implements an HTTP Live Streaming client. It relies on HTML5 video and MediaSource Extensions for playback.

It works by transmuxing MPEG-2 Transport Stream and AAC/MP3 streams into ISO BMFF (MP4) fragments. This transmuxing could be performed asynchronously using Web Worker if available in the browser. hls.js also supports HLS + fmp4, as announced during WWDC2016.

Links

135 questions
2
votes
1 answer

hls.js in chrome using vue doesnt update m3u8 playlist

I want to deploy a live streaming video in m3u8 format, in mounted() function, using: if(Hls.isSupported()) { let video = this.$refs.videoPrueba2; let hls = new Hls(); hls.loadSource('./HLS/out.m3u8'); hls.attachMedia(video); …
Alejo Salvo
  • 81
  • 1
  • 5
2
votes
0 answers

hls.js control segment load order if maxBufferLength is large for low speed connections

Each ts file is 5 seconds long, with a size of 2 mb each. A 512kb/s connection should be able manage and stream it without any hickups. If one has a maxBufferLength say of 30 seconds, and one starts the player at say minus 30 seconds "livetime",…
mmm
  • 18,431
  • 26
  • 99
  • 165
1
vote
0 answers

audio group switcher not shown on Plyr.io with HLS video audio

I'm using the latest version of Hls.js & plyr.io . HLS have two audio language but audio switcher does not shown in plyr.io player. master.m3u8 : #EXTM3U #EXT-X-VERSION:3 #EXT-X-MEDIA:TYPE=AUDIO,GROUP-ID="audio",LANGUAGE="es",NAME="lang…
Root
  • 1,758
  • 4
  • 25
  • 57
1
vote
0 answers

In react-native-video selectedVideoTrack props is not working

I am using react-native-video for displaying hls video. Video link:- https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8 As the video is in hls, I need to change the quality of the videos either manually or auto But I can't achieve this using…
Ashad Nasim
  • 1,927
  • 13
  • 29
1
vote
1 answer

HLS.js get video segment info

I am trying to get analytics on hls.js from my video segments. I am looking for the size of the video segments and what time the video segments go over the network. I am currently using the HLS events with not much…
johnbumble
  • 520
  • 1
  • 6
  • 14
1
vote
1 answer

implement hls.js library with vuejs project

I need some help trying to figure out how to use the hls.js library in vuejs as it has no specific documentation of how to implement it with vue. The situation here is that I have to fetch the m3u8 from an api I'm able to make it work from a basic…
sarah
  • 77
  • 9
1
vote
0 answers

Styling Overlay play button inside video element shadowRoot

I am trying to change image of overlay play button to different one on android chrome. I am able to inspect the image in developer tool. I am also able to add css to its parent element like .. `video::-webkit-media-controls-overlay-play-button { …
learntech
  • 83
  • 7
1
vote
1 answer

Mountebank piping video file stream to response not working

I am trying to get Mountebank to return the read in file stream pipe from my .ts MPEG-2 file to the Mountebank injection so the client can receive the stream data and play the video. There is a useful Node implementation on how to read in the files…
lion_bash
  • 888
  • 1
  • 7
  • 19
1
vote
2 answers

Playing HLS m3u8 using Shaka Player on Chrome

I follow the basic usage of shaka that works with DASH video, but throws an Error code 4032 when trying to load a M3U8. import * as muxjs from 'mux.js'; import * as shaka from 'shaka-player'; export class AppComponent implements AfterViewInit { …
Arco Voltaico
  • 686
  • 8
  • 22
1
vote
1 answer

How do I implement video streaming functionality in React?

I'm creating a Web application using (React.js+Node.js). The application looks like Youtube. In the application, I want video streaming functionality the same as Youtube. For the file storage. I'm using (IPFS) Interplanetary File System. How can I…
Rohail Butt
  • 92
  • 12
1
vote
0 answers

Shaka Player + Mux.js on live streaming on React

I have been trying to implement live streaming on Shaka Player. Normal Hls.js is working fine, but I can't seem to implement it with Shaka Player it shows error code 4030. Pure Hls on React: const video = document.getElementById('video-main') const…
Jaenal Lee
  • 11
  • 1
1
vote
1 answer

FFMpeg embedding .srt file into hls stream playlist as WebVTT

I had an srt subtitle file see below. 1 00:00:06,840 --> 00:00:10,320 once long ago in the deep blue below 2 00:00:12,360 --> 00:00:14,370 Don't be silly, Gran Mother 3 00:00:14,870 --> 00:00:16,700 Everybody knows there's no such thing…
user1503606
  • 2,818
  • 10
  • 36
  • 69
1
vote
2 answers

Chrome/Firefox won't play HLS video/mp2t video stream in HTML player

I’m currently working on a web application whose main purpose is streaming/timeshifting TV channels. Application is written in Javascript React framework and for web player we are using CookPete ReactPlayer with integrated hls.js. We have managed to…
Josif Kostic
  • 11
  • 1
  • 2
1
vote
0 answers

How to display video controls while the video is seeking ? (mediaelement.js)

I am using MediaElement.js with the following default settings {..., alwaysShowControls : false, hideVideoControlsOnLoad : false, hideVideoControlsOnPause : false } Is there a way to show controls and the seek bar while the video is seeking (the…
rzk
  • 125
  • 6
1 2
3
…
8 9