メインコンテンツへスキップ

はじめに

GitHub

AIアシストセットアップを使ってプラグインをインストールできます。以下のコマンドで、お使いのAIツールに Capgo スキルを追加してください:

ターミナルウィンドウ
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

次に、以下のプロンプトを使用します:

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

手動セットアップを希望する場合は、以下のコマンドでプラグインをインストールし、下記のプラットフォーム別の手順に従ってください:

ターミナルウィンドウ
npm install @capgo/capacitor-jw-player
npx cap sync
import { JwPlayer } from '@capgo/capacitor-jw-player';

クイックスタート

「Quick start」セクション
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' });

よくある落とし穴

「Common pitfalls」セクション
  • ライセンス:事前に有効なJWライセンスが必要です initialize().
  • DRM:DRM設定はバックエンドから渡し、シークレットは絶対に埋め込まないでください。
  • オーディオ:〜と連携してください @capgo/capacitor-audiosession 同様に開きます。

JW Playerを初期化する

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

動画を再生する

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

再生中のメディアを一時停止する

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

一時停止中のメディアを再生

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

再生中のメディアを停止

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

再生中のメディアを指定した位置にシーク

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

音量を設定

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

メディアの現在の再生位置を取得する

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

現在のプレイヤーの状態を取得する

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

再生速度を設定する

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

インデックスを指定してプレイリストの現在のアイテムを設定する

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

プレイリストをロードする

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

アイテムを含むプレイリストをロードする

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

利用可能なオーディオトラックを取得する

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

現在のオーディオトラックを取得する

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

現在のオーディオトラックを設定する

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

利用可能なキャプション/字幕を取得する

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

現在のキャプション/字幕トラックを取得する

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

現在のキャプション/字幕トラックを設定する

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

現在のプレイリストを取得する

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

このページはプラグインの src/definitions.tsから生成されています。上流で公開 API が変更されたら、sync を再実行してください。

以下を使用している場合: はじめに ダッシュボードと API の操作を計画するには、以下と連携してください @capgo/capacitor-jw-player を使用する @capgo/capacitor-jw-player の使用におけるネイティブ機能については、 API の概要 API Overview の実装の詳細については、 はじめに Introduction の実装の詳細については、 API キー API Keys の実装の詳細については、 デバイス Devices の実装の詳細については。