Anleitung
Media Session in Capacitor nutzen
Auf dem Gerät testen
Lade die Capgo App herunter und scanne den QR code.
Verwendung von @capgo/capacitor-media-session
Capacitor Plugin, um die Media Session Steuerung des Geräts bereitzustellen.
Installieren
bun add @capgo/capacitor-media-session
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 { MediaSession } from '@capgo/capacitor-media-session';
API auf einen Blick
| Methode | Beschreibung |
|---|---|
setMetadata |
Legt die Metadaten der aktuell abgespielten Medien fest. |
setPlaybackState |
Aktualisiert den Playback-Status der Media Session. |
setActionHandler |
Registriert einen Handler für eine Media Session Action. |
setPositionState |
Aktualisiert den Positionsstatus der aktiven Media Session. |
Beispiele
setMetadata()
Legt die Metadaten der aktuell abgespielten Medien fest.
import { MediaSession } from '@capgo/capacitor-media-session';
await MediaSession.setMetadata({ album: 'album' });
setPlaybackState()
Aktualisiert den Playback-Status der Media Session.
import { MediaSession } from '@capgo/capacitor-media-session';
await MediaSession.setPlaybackState({ playbackState: 'none' });
setActionHandler()
Registriert einen Handler für eine Media Session Action.
import { MediaSession } from '@capgo/capacitor-media-session';
await MediaSession.setActionHandler({ action: 'play' }, (details) => {
console.log(details);
});
setPositionState()
Aktualisiert den Positionsstatus der aktiven Media Session.
import { MediaSession } from '@capgo/capacitor-media-session';
await MediaSession.setPositionState({
duration: 1000,
playbackRate: 1,
position: 10,
});
Vollständige Referenz
Weiter mit der Nutzung von @capgo/capacitor-media-session
Wenn du es nutzt Nutzung von @capgo/capacitor-media-session um Dashboard- und API-Operationen zu planen, verbinde es mit @capgo/capacitor-media-session für die Implementierungsdetails in @capgo/capacitor-media-session, Erste Schritte für die Implementierungsdetails in Erste Schritte, API Übersicht für Details zur Implementierung im API Overview, Einführung für die Implementierungsdetails in der Einleitung und API Schlüssel für die Implementierungsdetails in den API Keys.