peer5/videojs-contrib-hls.js

HLS library for video.js using Dailymotion's hls.js tech

videojs-contrib-hls.js's Issues

Uncaught TypeError: Cannot read property 'code' of null

Hi,

in the error handler:

// listen to error events coming from the video tag
el.addEventListener('error', function(e) {

line

videojs-contrib-hls.js/src/videojs.hlsjs.js

Line 55 in 9e1fadd

if (mediaError.code === mediaError.MEDIA_ERR_DECODE) {

I don't know why, but sometimes mediaError can be null.

Maybe could you just check if mediaError is not null before doing the comparaison ?

gulp/browserify: Cannot find module 'videojs-contrib-hls.js'

Error when creating a bundle using gulp and browserify:

Error: Cannot find module 'videojs-contrib-hls.js'

Any clues on what may be happening here? I create a bundle of all 3rd party packages using a line like this in gulp.js:

extLibPackageNames.forEach(function (name) { browserify.require(name); });

All other packages work, including react, videojs, videojs-contrib-media-sources, hls.js, etc. The only problem is videojs-contrib-hls.js

1. I have removed and re-installed the package.
2. Confirmed node_path
3. Cleared node-cache

Any suggestions?

Thank you!

Subtitles for Audio only stream not showing up

I am using HLS stream for both video and audio files. When the audio only stream is played, the subtitles are not gettign displayed whereas its getting shown for video files.

videojs captions button does not appear

Captions button does not appear when viewing a live stream with captions. Hls.js is processing captions and I can manually display by calling:

videojs.textTracks[0].mode = 'showing'

Can you point me to a brief example showing how to enable the captions button? Do I need to wire it up to call mode = 'showing' and mode = 'hidden' ?

Thank you!

No audio in Chrome (Mac)

Here are two versions of the same page, one using peer5/videojs-contrib-hls, which has no audio during playback in Chrome:
https://statusrecap.com/test.html

And the other using only videojs-contrib-hls, which does have audio during playback:
https://statusrecap.com/

I am using your excellent library on another site currently under development that uses VideoJS 5 source elements, which will only work using the peer5 version of videojs-contrib-hls, but unfortunately it produces the same no audio result.

Android webview in fullscreen black screen?

Hi, I'm using video.js to play live HLS stream.

This repo is stable than the video.js official video-contrib-hls in most situations. Thanks for your works!

But I encountered that when I play live HLS stream in android webview and open fullscreen, it has no video but only audio.

Anyone has similar situations?

PS: I use 3.0.3 now

Update HLS.js?

The most recent stable version of HLS.js is v0.12.1

This plugin is using v0.8.9

README is misleading

According to your README, this plugin replaces the official videojs/videojs-contrib-hls
According to them, that's not true: videojs/videojs-contrib-hls#797

Why the name "videojs-contrib-hls.js"?

I was wondering why this project is called "videojs-contrib-hls.js", it doesn't seem to be related to the videojs-contrib-hls plugin and "contrib" is used to signify projects offered by the org (see grunt-contrib-* for example)

Get 'hls' reference

Thanks for your working first.

The problem is How can i get a reference to hls?
I need to handle errors outside the videojs-contrib-hlsjs.js.

Retry the video in case of Network error

Hi,

How can i retry for the video when I gets network error. I have tried to get error using

this.player.on('error',(e)={ 
 console.log(e)
})

But this one doesn't catch any error even though I am getting 404 error in console.

Any suggestion for this one

Thanks,

README is misleading in regards to association with videojs-contrib-hls

The README here says that it is replacing videojs-contrib-hls. But it is not replacing it. videojs-contrib-hls is still a live project that is being active worked on.
It would be nice if instead it just calls out that it is similar to videojs-contrib-hls.

Thanks.

Does not support videojs-contrib-quality-levels

I just made the switch from @videojs/http-streaming to videojs-contrib-hls.js to try and fix playback of several different videos that were not working properly in @videojs/http-streaming. However my player has a quality selector button which displays the various renditions available (1080p, 720p, 540p, etc) - and his button stopped functioning with HLS.js

If HLS.js provides events for the detection of new renditions or hooks for determining which rendition is currently playing or limiting which renditions are allowed, then adding support for videojs-contrib-quality-levels shouldn't be impossible. If HLS.js does not provide this and instead black-boxes all of the playback details, then a pull request on HLS.js may be necessary.

Dependency on other videojs-contrib-hls project

Why does this project depend on and include the entire bundle for the videojs/videojs-contrib-hls project?

Right now the package.json depends on the other project.
The Gulpfile is bundling the entire other library.
In addition the example separated.html file this other library is included.

However if I remove that dependency from separated.html example the library continues to work. Does this library actually need a dependency on videojs/videojs-contrib-hls? If so, what for?

Airplay not working

Airplay using Safari on Macbook doesn't work.

on iOS it is working.

CEA 608/708 captions into video.js on Chrome/FireFox

Hi, we are using hls.js+videojs-contrib-hls.js+video.js to playback live HLS content with embedded CEA 608/708 captions.

On Safari (using hls.js+videojs-contrib-hls.js via MSE, not native HLS playback), the CC button correctly appears in the video.js player control bar when the material contains CEA 608/708 captions; selecting "english" from the popup results in the proper rendering of captions.

On FireFox and Chrome, the CC button never appears.

If I try playing the source with the hls.js demo player in FireFox and Chrome (using hls.js directly on top of HTML5 video tag), the CC button shows up, and the captions render, suggesting the video.js part of this is working.

If I understand correctly, hls.js translates CEA 608/708 captions into text tracks which are then rendered by video.js and/or the HTML5 video control.

Is there additional glue code required in the videojs-control-hls.js bridge to make video.js aware of tracks in Chrome/FireFox?

I'm kind of surprised this works in Safari; it suggests that perhaps the HTML5 video element in safari is capable of handling text tracks wherein the video element in Chrome/FireFox isn't?

thoughts?

Thank you!
Ty

Create an additional build without the videojs-contrib-hls dependency

how to correctly setup with videojs

I am trying to setup/register videojs-contrib-hls with videojs like below but its not working, it says
a is undefined

videojs.registerComponent('Hls', require('videojs-contrib-hls'));

What is the correct way to setup videojs-contrib-hls with videojs using requirejs?

Uncaught TypeError: Cannot read property 'code' of null

I am getting the following error from the mediaError eventListener

Uncaught TypeError: Cannot read property 'code' of null
    at HTMLVideoElement.<anonymous>

Which comes from:

// listen to error events coming from the video tag
el.addEventListener('error', function(e) {
  var mediaError = e.currentTarget.error; // => null

  if (mediaError.code === mediaError.MEDIA_ERR_DECODE) {
    videoTagErrorHandler();
  } else {
    console.error('Error loading media: File could not be played');
  }
});

Any idea why this is occurring?