Saltar al contenido

Primeros pasos

GitHub

Puedes usar nuestro setup asistido por IA para instalar el plugin. Añade las skills de Capgo a tu herramienta de IA con el siguiente comando:

Ventana de terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Luego usa el siguiente prompt:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-jw-player` plugin in my project.

Si prefieres la configuración manual, instala el plugin ejecutando estos comandos y sigue las instrucciones de cada plataforma:

Ventana de terminal
npm install @capgo/capacitor-jw-player
npx cap sync
import { JwPlayer } from '@capgo/capacitor-jw-player';
import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.initialize({ licenseKey: 'YOUR_JW_LICENSE' });
await JwPlayer.play({ mediaUrl: 'https://cdn.example.com/stream.m3u8', mediaType: 'video' });
  • Licenciase requiere una licencia de JW válida antes de initialize().
  • DRM: pasa las configs de DRM desde tu backend, nunca embebas secrets.
  • Audio: coordina con @capgo/capacitor-audiosession en iOS.

Inicializa el JW Player

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.initialize({ licenseKey: 'license-key-123' });

Reproduce un video

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.play({
mediaUrl: 'https://example.com',
mediaType: 'video',
});

Pausa el contenido actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.pause();

Reanudar el contenido pausado

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.resume();

Detener el contenido actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.stop();

Ir a una posición específica del contenido

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.seekTo({ time: 10 });

Ajustar el nivel de volumen

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setVolume({ volume: 0.5 });

Obtener la posición actual del contenido multimedia

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getPosition();
console.log(result);

Obtener el estado actual del reproductor

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getState();
console.log(result);

Establecer la velocidad de reproducción

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setSpeed({ speed: 1 });

Establecer el ítem actual de la playlist por índice

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setPlaylistIndex({ index: 1 });

Cargar una playlist

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.loadPlaylist({ playlistUrl: 'https://example.com' });

Cargar una playlist con elementos

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.loadPlaylistWithItems({ playlist: [] });

Obtener pistas de audio disponibles

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getAudioTracks();
console.log(result);

Obtener la pista de audio actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCurrentAudioTrack();
console.log(result);

Establecer la pista de audio actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setCurrentAudioTrack({ index: 1 });

Obtener los subtítulos disponibles

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCaptions();
console.log(result);

Obtener la pista de subtítulos actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.getCurrentCaptions();
console.log(result);

Establecer la pista de subtítulos actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
await JwPlayer.setCurrentCaptions({ index: 1 });

Obtener la playlist actual

import { JwPlayer } from '@capgo/capacitor-jw-player';
const result = await JwPlayer.currentPlaylist();
console.log(result);

Esta página se genera a partir del plugin src/definitions.ts. Vuelve a ejecutar el sync cuando el API público cambie en upstream.

Si estás usando Primeros pasos para planificar las operaciones del dashboard y de API, conéctalo con Uso de @capgo/capacitor-jw-player para la funcionalidad nativa en Uso de @capgo/capacitor-jw-player, Resumen de API para los detalles de implementación en API Overview, Introducción para los detalles de implementación en la Introducción, Claves de API para los detalles de implementación en las claves de API, y Dispositivos para el detalle de implementación en Devices.