Saltar al contenido principal
@capgo/capacitor-jw-player Multimedia Código abierto

JW Player plugin Capacitor

Integra JW Player para streaming de video profesional con soporte para anuncios y analíticas

Instalar

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

Guía

Cómo usar JW Player en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa del plugin JW Player QR code

Uso de @capgo/capacitor-jw-player

Reproduce videos desde jwplayer.com.

Instalar

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

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { JwPlayer } from '@capgo/capacitor-jw-player';

API de un vistazo

Método Descripción
initialize Inicializar el JW Player.
play Reproducir un video.
pause Pausa el contenido multimedia actual.
resume Reanuda el contenido multimedia pausado.
stop Detiene el contenido multimedia actual.
seekTo Busca una posición específica en el contenido.
setVolume Ajusta el nivel de volumen.
getPosition Obtén la posición actual del contenido.
getState Obtén el estado actual del reproductor.
setSpeed Ajusta la velocidad de reproducción.
setPlaylistIndex Selecciona un elemento de la lista por índice.
loadPlaylist Cargar una playlist.
loadPlaylistWithItems Cargar una playlist con elementos.
getAudioTracks Obtener las pistas de audio disponibles.
getCurrentAudioTrack Obtener la pista de audio actual.
setCurrentAudioTrack Establecer la pista de audio actual.
getCaptions Obtener los subtítulos disponibles.
getCurrentCaptions Obtener la pista de subtítulos actual.
setCurrentCaptions Establecer la pista de subtítulos actual.
currentPlaylist Obtener la playlist actual.

Ejemplos

initialize()

Inicializar el JW Player.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.initialize({ licenseKey: 'license-key-123' });

play()

Reproducir un video.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.play({
  mediaUrl: 'https://example.com',
  mediaType: 'video',
});

pause()

Pausa el contenido multimedia en reproducción.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.pause();

resume()

Reanuda el contenido multimedia en pausa.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.resume();

stop()

Detiene el contenido multimedia en reproducción.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.stop();

seekTo()

Salta a una posición específica del contenido multimedia en reproducción.

import { JwPlayer } from '@capgo/capacitor-jw-player';

await JwPlayer.seekTo({ time: 10 });

La tabla anterior enumera los 20 métodos principales. Los helpers de versión y listeners, así como el contrato completo de cada método, están documentados en la repositorio GitHub.

Referencia completa

Continuar desde Uso de @capgo/capacitor-jw-player

Si estás usando Uso de @capgo/capacitor-jw-player para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-jw-player por los detalles de implementación en @capgo/capacitor-jw-player, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.

FAQ

FAQ del plugin JW Player

¿Cómo instalo el plugin JW Player en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-jw-player" (o "npm install @capgo/capacitor-jw-player"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-jw-player" en el code de tu app.

¿@capgo/capacitor-jw-player funciona con React, Vue y Angular?

Sí. JW Player es un paquete Capacitor, así que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluidos Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-jw-player?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿@capgo/capacitor-jw-player es gratis y open source?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-jw-player/ y el paquete se instala gratis desde npm. Los bug reports y pull requests son bienvenidos.

¿Puedo actualizar code que usa JW Player sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de JW Player sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo