Saltar al contenido principal
@capgo/capacitor-jw-player Multimedia Fuente abierta

JW Player plugin de Capacitor

Incorpora JW Player para streaming de video profesional con soporte para anuncios y análisis

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 dispositivo

Descargue la aplicación Capgo, luego escane el código QR code.

Vista previa del plugin JW Player QR code

Usando @capgo/capacitor-jw-player

Reproduce videos de jwplayer.com.

Instalar

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

bunx cap sync copia los code nativos del plugin en tus proyectos nativos. Correlo de nuevo después de cada actualización del plugin.

Importar

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

Vista general de API

Método Descripción
initialize Inicialice el reproductor JW.
play Reproducir un video.
pause Pausar el medio que se está reproduciendo.
resume Reanudar el medio que se había pausado.
stop Detener el medio que se está reproduciendo.
seekTo Buscar en el medio que se está reproduciendo hasta una posición específica.
setVolume Establecer el nivel de volumen.
getPosition Obtener la posición actual del medio.
getState Obtener el estado actual del reproductor.
setSpeed Establecer la velocidad de reproducción.
setPlaylistIndex Establecer el elemento actual de la lista de reproducción por índice.
loadPlaylist Cargar una lista de reproducción.
loadPlaylistWithItems Cargar una lista de reproducción con elementos.
getAudioTracks Obtener pistas de audio disponibles.
getCurrentAudioTrack Obtener la pista de audio actual.
setCurrentAudioTrack Establecer la pista de audio actual.
getCaptions Obtener pistas de subtítulos disponibles.
getCurrentCaptions Obtener la pista de subtítulos actual.
setCurrentCaptions Establecer la pista de subtítulos actual.
currentPlaylist Obtener la lista de reproducción actual.

Ejemplos

initialize()

Iniciar el reproductor JW.

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()

Detener la reproducción de medios en curso.

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

await JwPlayer.pause();

resume()

Reanudar la reproducción de medios detenidos.

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

await JwPlayer.resume();

stop()

Detener la reproducción de medios en curso.

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

await JwPlayer.stop();

seekTo()

Buscar una posición específica en la reproducción de medios en curso.

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

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

La tabla anterior muestra los 20 métodos básicos. Los ayudantes de escucha y versión, y el contrato completo de cada método, se documentan en el repositorio de GitHub.

Referencia completa

Sigue adelante desde @capgo/capacitor-jw-player

__CAPGO_KEEP_0__ referencia Usando @capgo/capacitor-reproductor de JW para planificar el trabajo de plugin nativo, conectarlo con @capgo/capacitor-reproductor de JW para los detalles de implementación en @capgo/capacitor-reproductor de JW, Getting Started para los detalles de implementación en Inicio, Directorio de Plugins de Capgo para el flujo de trabajo del producto en el directorio de plugins Capgo Plugins de Capacitor por Capgo para los detalles de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para los detalles de implementación en Agregar o Actualizar Plugins.

FAQ

FAQ del plugin JW Player

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

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

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

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

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

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

¿Es @capgo/capacitor-jw-player gratuito y de código abierto?

Sí. El código fuente code está público en GitHub en https://github.com/Cap-go/capacitor-jw-player/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de cambios.

Puedo actualizar code que utiliza JW Player sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia el nativo code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al plugin pueden enviar directamente con Capgo actualizaciones en vivo.

Envíe cambios de JW Player sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comience con Capgo