Code Monkey home page Code Monkey logo

videojs-http-source-selector's People

Contributors

bikegriffith avatar chunkyprogrammer avatar dependabot[bot] avatar greenkeeper[bot] avatar jfujita avatar jfujita1 avatar leonklingele avatar pikachuexe avatar zarqman avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

videojs-http-source-selector's Issues

the qualityLevels labes remain when src change common video

just like than
屏幕截图 2023-02-09 214354

i use js like that to solve it

player.on('canplaythrough',function(){
  if (player.qualityLevels().length==0) {
        document.getElementsByClassName("vjs-http-source-selector vjs-menu-button vjs-menu-button-popup vjs-control vjs-button")[0].style.display = 'none';
        }
  else {
        document.getElementsByClassName("vjs-http-source-selector vjs-menu-button vjs-menu-button-popup vjs-control vjs-button")[0].style.display = 'block';
        };
    });

Feature suggestion: Closest match default bitrate

"Presently there are two options for default bitrate: low and high. I have a broadcast with:

270p
480p
540p
720p
1080p
I wish to default to 480p, but low sets it to 270p and high sets it to 1080p

I would prefer if I could do something like:

default: 480
If there is no "480p" then this could find the closest match (540p in my case)
"
jfujita#12

Looking for where the option `{ default "auto" }` gets handled

Hi, I just forked this repo and having trouble getting the { default: "auto" } option to work locally (seemed to work on the codesandbox with the original package though). Wondering if someone could point me to the part of the code that handles this!

Plugin failing to register if I rebuild the code.

Hey - thanks for keeping this rolling, especially for Video JS 8.

I've got everything working OK if I import the module contained in the dist of this commit, however if I download the codebase, rebuild the plugin and then import it I get an error.

I'm not sure if I'm missing a step during the build, or doing something wrong to end up with code that breaks. For context, I'm:

  1. Downloading the ZIP
  2. Unzipping
  3. Running npm install
  4. Running npm build

Everything seems to build OK and the dist folder is populated as expected, however when I include this new build I get the following console error:

image

Would welcome any thoughts!

Player stuck on loading after quality switch - HLS protocol

Description
First of all thank you for the work done guys !

Here, the video player is blocked after the quality change (either with 360p or 480p) on the 1st segment of the video.
Nothing comes up in the logs or as errors in the VHS representations part: the player is just stucked.

Have you had this problem before ? How to work around the problem ? (reset buffer ? ...)

Reduced test case
https://perso.mediatech.fr/aa/

Steps to reproduce

  1. Click on the button play
  2. In the first eight second switch to the 360p quality. It is normally enough to stuck the player. Otherwise you can play with the 360p and 480p quality during the first eight second and the player will be stuck too.
  3. The debug mode is enabled with the provided test case: https://perso.mediatech.fr/aa/.

Errors
No errors.

What version of Video.js are you using?
8.0.4 (but reproductibled with the version 7)

Video.js plugins used.
http-source-selector, contrib-quality-levels

What browser(s) including version(s) does this occur with?
Chrome 108

What OS(es) and version(s) does this occur with?
Linux, Windows

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.