/**
* @Datei beschriftung-button.js
* /
importieren Sie TextTrackButton aus './text-track-button.js';
importiere Komponente aus '../../component.js';
import CaptionSettingsMenuItem from './caption-settings-menu-item.js';
/**
* Die Schaltflächenkomponente zum Umschalten und Auswählen von Beschriftungen
*
* @erweitert TextTrackButton
* /
class CaptionsButton extends TextTrackButton {
/**
* Erzeugt eine Instanz dieser Klasse.
*
* @param {Player} Spieler
* Der `Player`, dem diese Klasse zugeordnet werden soll.
*
* @param {Object} [Optionen]
* Der Schlüssel/Wertspeicher der Playeroptionen.
*
* @param {Component~ReadyCallback} [ready]
* Die Funktion, die aufgerufen wird, wenn diese Komponente bereit ist.
* /
constructor(player, options, ready) {
super(Spieler, Optionen, bereit);
}
/**
* Erzeugt den Standard-DOM "Klassenname".
*
* @return {string}
* Der DOM `className` für dieses Objekt.
* /
buildCSSClass() {
return `vjs-captions-button ${super.buildCSSClass()}`;
}
buildWrapperCSSClass() {
return `vjs-captions-button ${super.buildWrapperCSSClass()}`;
}
/**
* Menüpunkte für Beschriftungen erstellen
*
* @return {CaptionSettingsMenuItem[]}
* Das Array der aktuellen Menüpunkte.
* /
createItems() {
const items = [];
if (!(this.player().tech_ && this.player().tech_.featuresNativeTextTracks) &&
this.player().getChild('textTrackSettings')) {
items.push(new CaptionSettingsMenuItem(this.player_, {kind: this.kind_}));
this.hideThreshold_ += 1;
}
return super.createItems(items);
}
}
/**
* art" von TextTrack, nach dem gesucht werden soll, um ihn mit diesem Menü zu verknüpfen.
*
* @Typ {String}
* @privat
* /
CaptionsButton.prototype.kind_ = 'Bildunterschriften';
/**
* Der Text, der über den "CaptionsButton"-Steuerelementen angezeigt werden soll. Für die Lokalisierung hinzugefügt.
*
* @Typ {String}
* @privat
* /
CaptionsButton.prototype.controlText_ = 'Bildunterschriften';
Component.registerComponent('CaptionsButton', CaptionsButton);
standardmäßig CaptionsButton exportieren;