Vai al contenuto principale
@capgo/capacitor-media-session Media Sorgente aperta

Sessione dei Media Plugin Capacitor

Controlla la riproduzione dei media dalla schermata di blocco e dal centro notifiche

Installa

bun add @capgo/capacitor-media-session bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-media-session
  • pnpm add @capgo/capacitor-media-session
  • yarn add @capgo/capacitor-media-session

Guida

Come utilizzare Media Session in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansione il QR code.

Anteprima del plugin Media Session QR code

Utilizza @capgo/capacitor-media-session

Il plugin Capacitor esporre i controlli di sessione media del dispositivo.

Installare

bun add @capgo/capacitor-media-session
bunx cap sync

bunx cap sync copia il plugin nativo code nei tuoi progetti nativi. Esegui nuovamente dopo ogni aggiornamento del plugin.

Importa

import { MediaSession } from '@capgo/capacitor-media-session';

Vedi API in un colpo d'occhio

Metodo Descrizione
setMetadata Imposta i metadati del media in corso.
setPlaybackState Aggiorna lo stato di riproduzione della sessione media.
setActionHandler Registra un gestore per un'azione della sessione media.
setPositionState Aggiorna lo stato di posizione per la sessione media attiva.

Esempi

setMetadata()

Imposta i metadati del media in corso.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setMetadata({ album: 'album' });

setPlaybackState()

Aggiorna lo stato di riproduzione della sessione media.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setPlaybackState({ playbackState: 'none' });

setActionHandler()

Registra un gestore per un'azione della sessione media.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setActionHandler({ action: 'play' }, (details) => {
  console.log(details);
});

setPositionState()

Aggiorna lo stato di posizione per la sessione media attiva.

import { MediaSession } from '@capgo/capacitor-media-session';

await MediaSession.setPositionState({
  duration: 1000,
  playbackRate: 1,
  position: 10,
});

Riferimento completo

Continua con l'uso di @capgo/capacitor-media-session

Se stai utilizzando Utilizza @capgo/capacitor-media-session per pianificare il dashboard e le operazioni di API, collega @capgo/capacitor-media-session per i dettagli di implementazione in @capgo/capacitor-media-session Guida di avvio per i dettagli di implementazione in Guida di avvio Panoramica di API per i dettagli di implementazione in Panoramica di API Introduzione per i dettagli di implementazione in Introduzione, e API Chiavi per i dettagli di implementazione in API Chiavi.

FAQ

FAQ del plugin Media Session

Come posso installare il plugin Media Session in un'app Capacitor?

Esegui "bun add @capgo/capacitor-media-session" (o "npm install @capgo/capacitor-media-session"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-media-session" nella tua app code.

Funziona @capgo/capacitor-media-session con React, Vue e Angular?

Sì. Il Media Session è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione Capacitor di @capgo/capacitor-media-session?

I plugin Capgo seguono la versione maggiore di Capacitor: utilizza la versione maggiore del plugin che corrisponde alla tua versione maggiore di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

È gratuito e open source @capgo/capacitor-media-session?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-media-session/ e il pacchetto è gratuito da installare su npm. I segnalazioni di bug e pull request sono benvenuti.

Posso aggiornare code che utilizza Media Session senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il codice nativo code, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere distribuite immediatamente con Capgo aggiornamenti in tempo reale.

Invia modifiche alla sessione di media senza attendere la revisione dell'app

Una volta che il plugin è stato caricato nella tua store, le Capgo aggiornamenti in tempo reale inviano le tue modifiche JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo