Zum Hauptinhalt springen

Mux Player Capacitor Plugin

Stream adaptive Bitrate-Video mit dem Mux Player für optimierte Wiedergabequalität

Installieren

bun add @capgo/capacitor-mux-player bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-mux-player
  • pnpm add @capgo/capacitor-mux-player
  • yarn add @capgo/capacitor-mux-player

Anleitung

Mux Player in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-code zur Mux Player Plugin-Vorschau

Verwendung von @capgo/capacitor-mux-player

Nativer Mux Player SDK, um Videos auf iOS und Android abzuspielen.

Installieren

bun add @capgo/capacitor-mux-player
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { MuxPlayer } from '@capgo/capacitor-mux-player';

API auf einen Blick

Methode Beschreibung
play Startet den nativen Mux Player im Vollbildmodus und beginnt die Wiedergabe.
dismiss Schließt den Player, falls dieser sichtbar ist.
isActive Gibt zurück, ob der Player gerade angezeigt wird.

Beispiele

play()

Startet den nativen Mux Player im Vollbildmodus und beginnt die Wiedergabe.

import { MuxPlayer } from '@capgo/capacitor-mux-player';

await MuxPlayer.play({ playbackId: 'playback-id-123' });

dismiss()

Schließt den Player, falls dieser sichtbar ist.

import { MuxPlayer } from '@capgo/capacitor-mux-player';

await MuxPlayer.dismiss();

isActive()

Gibt zurück, ob der Player gerade angezeigt wird.

import { MuxPlayer } from '@capgo/capacitor-mux-player';

const result = await MuxPlayer.isActive();
console.log(result);

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() auf, wenn der Screen unmountet, oder MuxPlayer.removeAllListeners() auf, um alle Listener zu entfernen.

Vollständige Referenz

Weiterlesen ab „Using @capgo/capacitor-mux-player“

Wenn du es nutzt Verwendung von @capgo/capacitor-mux-player , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-mux-player für die Implementierungsdetails in @capgo/capacitor-mux-player, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Verwendung von @capgo/capacitor-video-player für die native Funktionalität in „Verwendung von @capgo/capacitor-video-player.“

FAQ

Mux Player Plugin FAQ

Wie installiere ich das Mux Player Plugin in einer Capacitor-App?

Führe „bun add @capgo/capacitor-mux-player“ (oder „npm install @capgo/capacitor-mux-player“) aus und danach „bunx cap sync“, damit die iOS- und Android-Projekte den nativen code übernehmen. Importiere es aus „@capgo/capacitor-mux-player“ in deiner App code.

Funktioniert @capgo/capacitor-mux-player mit React, Vue und Angular?

Ja. Mux Player ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-mux-player?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-mux-player kostenlos und Open Source?

Ja. Der code Code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-mux-player/ einsehbar und das Paket kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Mux Player ohne App Store Review aktualisieren?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Mux Player Änderungen ausrollen, ohne auf den App-Review zu warten

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo