メインコンテンツにジャンプ
@capgo/capacitor-jw-player メディア オープンソース

JW プレイヤー Capacitor プラグイン

__CAPGO_KEEP_0__ を使用してプロフェッショナルな動画配信に 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

ガイド

How to use JW Player in Capacitor

デバイスでテスト

Download the Capgo app, then scan the QR code.

JW プレイヤー プラグインのプレビュー QR code

capgo/capacitor-jw-player を使用

jwplayer.com から動画を再生します。

Install

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

bunx cap sync プラグインのネイティブ code をあなたのネイティブ プロジェクトにコピーします。プラグインのアップグレード後は再度実行してください。

Import

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

APIの概要

Method Description
initialize JWプレイヤーを初期化
play 動画を再生
pause 現在再生中のメディアを一時停止
resume 一時停止中のメディアを再開
stop 現在再生中のメディアを停止
seekTo 現在再生中のメディアを特定の位置まで移動
setVolume 音量を設定します。
getPosition メディアの現在の位置を取得します。
getState プレイヤーの現在の状態を取得します。
setSpeed 再生速度を設定します。
setPlaylistIndex プレイリスト内のアイテムを指定したインデックスで設定します。
loadPlaylist プレイリストを読み込みます。
loadPlaylistWithItems アイテムを含むプレイリストを読み込みます。
getAudioTracks 利用可能なオーディオトラックを取得します。
getCurrentAudioTrack 現在のオーディオトラックを取得します。
setCurrentAudioTrack 現在のオーディオトラックを設定します。
getCaptions 利用可能な字幕/サブタイトルを取得します。
getCurrentCaptions 現在の字幕/サブタイトルを取得します。
setCurrentCaptions 現在の字幕/キャプションのトラックを設定します。
currentPlaylist 現在のプレイリストを取得します。

例

initialize()

JW Playerを初期化します。

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

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

play()

動画を再生します。

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の基本メソッドがリストされています。リスナーとバージョンヘルパー、各メソッドの完全な契約は、 GitHub リポジトリ.

完全な参照

capgo/capacitor-jw-playerを使用している場合

__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-jw-playerを使用 capgo/capacitor-jw-playerと接続 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-jw-playerの実装詳細 @capgo/capacitor-jw-player @capgo/capacitor-jw-playerの実装詳細 __CAPGO_KEEP_0__ リポジトリ ドキュメント Capgo リファレンス Capgo プラグイン ディレクトリの製品ワークフローについて Capacitor プラグイン (Capgo によって提供) Capacitor プラグイン (Capgo によって提供)の実装詳細について プラグインの追加または更新 プラグインの追加または更新の実装詳細について

FAQ

Capacitor JW PlayerのFAQ

JWプレイヤープラグインをCapacitorアプリにインストールするにはどうすればよいですか。

Run "bun add @capgo/capacitor-jw-player" (or "npm install @capgo/capacitor-jw-player"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-jw-player" in your app code.

Does @capgo/capacitor-jw-player work with React, Vue and Angular?

Yes. JW Player is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

Which Capacitor version does @capgo/capacitor-jw-player support?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

Is @capgo/capacitor-jw-player free and open source?

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.

Can I update code that uses JW Player without an App Store review?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

JWプレイヤーの変更をアプリレビューの待ちなしで配信する

プラグインがストアビルドに追加されたら、Capgoライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分でプッシュします。

Capgoから始めます