videojs-shaka/src/quality-picker.js

video.js shaka player tech

import QualityPickerButton from './quality/quality-picker-button';

export default function qualityPickerPlugin() {
  const player = this;

  const SUPPORTED_TRACKS = ['video', 'audio', 'subtitle'];

  // On later versions `player.tech` is undefined before this...
  if (player.tech_) {
    player.tech_.on('loadedqualitydata', onQualityData);
  } else {
    player.ready(function() {
      player.tech_.on('loadedqualitydata', onQualityData);
    }, true);
  }

  function onQualityData(event, {qualityData, qualitySwitchCallback}) {
    const fullscreenToggle = player.controlBar.getChild('fullscreenToggle');
    player.controlBar.removeChild(fullscreenToggle);

    for (let i = 0; i < SUPPORTED_TRACKS.length; i++) {
      const track = SUPPORTED_TRACKS[i];
      let name = track + 'PickerButton';
      // videojs.utils.toTitleCase
      name = name.charAt(0).toUpperCase() + name.slice(1);

      let qualityPickerButton = player.controlBar.getChild(name);
      if (qualityPickerButton) {
        qualityPickerButton.dispose();
        player.controlBar.removeChild(qualityPickerButton);
      }

      if (qualityData[track] && qualityData[track].length > 1) {
        qualityPickerButton = new QualityPickerButton(player, {name, qualityList: qualityData[track], qualitySwitchCallback, trackType: track});

        player.controlBar.addChild(qualityPickerButton);
      }
    }

    if (fullscreenToggle) {
      player.controlBar.addChild(fullscreenToggle);
    }
  }
}