Den Player steuern

JavaScript API für den movingimage Video Player

Grundlegende Player-Funktionen

• Abspielen: player.play(time) (optional: Start der Wiedergabe zu einer bestimmten Zeit in Sekunden)

• Pause: player.pause()

• Anhalten: player.stop()

• Vorwärts: player.forward(millis) (schneller Vorlauf um eine bestimmte Anzahl von Millisekunden)

• Zurückspulen: player.rewind(millis) (Rückspulen um eine bestimmte Anzahl von Millisekunden)

• Lautstärke einstellen: player.setVolume(volume) (setzt die Lautstärke auf einen Wert zwischen 0.0 und 1.0)

• Stummschaltung einschalten: player.toggleMute()

• Aktuelle Zeit abfragen: player.getCurrentTime() (gibt die aktuelle Videozeit in Sekunden zurück)

• Dauer abfragen: player.getDuration() (gibt die Dauer des aktuellen Videos in Sekunden zurück)

• Gepufferte Zeit abrufen: player.getBufferedTime() (gibt die Gesamtzeit des Videos, die gepuffert wurde, in Sekunden zurück)

Untertitel-Funktionen

• Textspur abrufen: player.getTextTracks() (gibt eine Liste aller verfügbaren Untertitel zurück)

• Textspur festlegen: player.setTextTrack(trackId) (legt die Standard-Untertitelspur durch Angabe der Track-ID fest)

• Textspur deaktivieren: player.disableTextTrack()

Beispiel

<div mi24-video-player id="user-defined-id" video-id="video-id" player-id="player-id" channel-id="channel-id" config-type="vmpro" flash-path="//e.video-cdn.net/v2/" api-url="//d.video-cdn.net/play"></div>

window.addEventListener("load", (event) => {
  setTimeout(function () {
    const player = VideoPlayer.Collection.getPlayerById("user-defined-id");
    const tracks = player.getTextTracks() || [];
    if (tracks[0] && tracks[0].id) {
      player.setTextTrack(tracks[0].id);
    }
  }, 2000);
});

Mit diesem Code wird automatisch die erste Untertitelspur aktiviert, wenn das Video geladen wird.

Chapter-Funktionen

• Chapter hinzufügen: player.addChapter({start, title, description, thumbnail}) (fügt dem Player dynamisch ein Kapitel hinzu)

• Chapter aktualisieren: player.updateChapter(millis, {start, title, description, thumbnail}) (aktualisiert ein bestehendes Kapitel)

• Chapter löschen: player.deleteChapter(millis) (löscht ein Kapitel anhand seiner Startzeit)

Beispiel

// Add a new chapter at 3 seconds with the given title, description, and thumbnail
VideoPlayer.Collection.getPlayerById("player_container_id").addChapter({
  start: 3000,
  title: "Chapter 1",
  description: "description for chapter 1",
  thumbnail: "//www.movingimage.com/wp-content/uploads/2019/08/movingimage-Enterprise-Video-Platform.jpg",
});

// Update the chapter that starts at 3 seconds
VideoPlayer.Collection.getPlayerById("player_container_id").updateChapter(3000, {
  title: "Chapter 3",
});

// Delete the chapter that starts at 3 seconds
VideoPlayer.Collection.getPlayerById("player_container_id").deleteChapter(3000);