跳过主要内容

JW Player Capacitor 插件

使用 JW Player 为专业视频流媒体提供广告和分析支持

安装

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

指南

如何在Capacitor中使用JW Player

在设备上测试

下载Capgo应用程序,然后扫描QRcode。

JW Player 插件预览二维码 code

使用 @capgo/capacitor-jw-player

从 jwplayer.com 播放视频。

安装

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

bunx cap sync 将插件的本机 code 复制到您的本机项目中。每次升级插件后都重新运行它。

导入

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

API 简要概述

方法 功能描述
initialize 初始化JW播放器
play 播放视频
pause 暂停当前播放的媒体
resume 恢复暂停的媒体
stop 停止当前播放的媒体
seekTo 在当前播放的媒体中跳转到特定位置
setVolume 设置音量
getPosition 获取媒体当前位置
getState 获取当前播放器状态
setSpeed 设置播放速度
setPlaylistIndex 通过索引设置当前播放列表项
loadPlaylist 加载播放列表。
loadPlaylistWithItems 加载带有项目的播放列表。
getAudioTracks 获取可用音频轨。
getCurrentAudioTrack 获取当前音频轨。
setCurrentAudioTrack 设置当前音频轨。
getCaptions 获取可用字幕/字幕轨。
getCurrentCaptions 获取当前字幕/字幕轨。
setCurrentCaptions 设置当前字幕/字幕轨。
currentPlaylist 获取当前播放列表。

示例

initialize()

context

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

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

play()

页面/区域: Bug bounty program 页面。角色: 部分或页面标题。见于: 页面 bug-bounty.astro。消息键 `bug_bounty_supabase_examples_title` (Bug Bounty Supabase 示例标题)。

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

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

pause()

暂停当前播放的媒体。

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

await JwPlayer.pause();

resume()

恢复暂停的媒体。

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

await JwPlayer.resume();

stop()

停止当前播放的媒体。

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

await JwPlayer.stop();

seekTo()

在当前播放的媒体中跳转到特定的位置。

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

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

上表列出了20个核心方法。监听器和版本帮助,以及每个方法的完整契约,均在__CAPGO_KEEP_0__仓库中进行了文档化。 GitHub参考文档.

完整参考

继续使用@capgo/capacitor-jw-player

如果您正在使用 使用@capgo/capacitor-jw-player 来规划原生插件工作,连接它 @capgo/capacitor-jw-player 了解@capgo/capacitor-jw-player的实现细节 开始使用 了解开始使用的实现细节 Capgo 插件目录 了解Capgo 插件目录中的产品工作流程 Capacitor 由Capgo提供的插件 了解Capacitor 由Capgo提供的插件的实现细节 添加或更新插件 了解添加或更新插件的实现细节

常见问题

JW Player插件FAQ

如何在Capacitor应用中安装JW Player插件?

运行 "bun add @capgo/capacitor-jw-player" (或 "npm install @capgo/capacitor-jw-player"), 然后运行 "bunx cap sync" 以便 iOS 和 Android 项目能够接收到本地 code。从 "@capgo/capacitor-jw-player" 中导入它到您的应用程序 code 中。

是否支持 @capgo/capacitor-jw-player 与 React、Vue 和 Angular 一起使用?

是。JW Player 是一个 Capacitor 包,因此它可以与任何在 Capacitor 内部运行的 Web 框架一起使用,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

哪个 Capacitor 版本支持 @capgo/capacitor-jw-player?

Capgo 插件遵循 Capacitor 的主要版本:使用与您的 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格中列出了维护的版本。

是否支持 @capgo/capacitor-jw-player 免费和开源?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-jw-player/ and the package is free to install from npm. Bug reports and pull requests are welcome.

是否可以在 App Store 审核期间更新使用 JW Player 的 code?

安装或升级插件会更改本地 code,因此需要一个新的商店构建。之后,JavaScript、HTML 和 CSS 的更改可以立即与 Capgo 实时更新一起发布。

无需等待应用程序审查即可将 JW Player 的更改推送给用户

一旦插件在您的商店构建中,Capgo 即刻将您的 JavaScript、HTML 和 CSS 更改推送给用户。

开始使用 Capgo