メインコンテンツにジャンプ
@capgo/IVSプレイヤー メディア オープンソース

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

Amazon Interactive Video Service (IVS) を使用した超低遅延ライブビデオのストリーミング

インストール

bun add @capgo/ivs-player bunx cap sync
npm、pnpm、またはyarn
  • npm install @capgo/ivs-player
  • pnpm add @capgo/ivs-player
  • yarn add @capgo/ivs-player

ガイド

CapacitorでIVS プレーヤーを使用する方法

デバイスでテスト

Download the Capgo app, then scan the QR code.

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

capgoで@capacitor-ivs-playerを使用

capacitor用のIVS プレイヤー

インストール

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

bunx cap sync プラグインのネイティブ codeをコピーします。プラグインのアップグレード後毎回実行してください。

インポート

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

APIの概要

方法 説明
create 現在の動作のソース定義を参照してください。
start 現在の動作のソース定義を参照してください。
cast 現在の動作のソース定義を参照してください。
getCastStatus 現在の動作のソース定義を参照してください。
pause 現在の動作のソース定義を参照してください。
delete 現在の動作のソース定義を参照してください。
getUrl 現在の動作のソース定義を参照してください。
getState 現在の動作のソース定義を参照してください。
setPlayerPosition 現在の動作のソース定義を参照してください。
getPlayerPosition 現在の動作のソース定義を参照してください。
setAutoQuality 現在の動作のソース定義を参照してください。
getAutoQuality 現在の動作のソース定義を参照してください。
setPip {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
getPip {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
setFrame {"text":"プレイヤービューのフレームを設定します。数字はすべて正の整数でなければなりません。"}
getFrame {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
setBackgroundState {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
getBackgroundState {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
setMute {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
getMute {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
setQuality {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
getQuality {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}
getQualities {"text":"ソース定義を参照してください。現在の動作についての詳細はこちらです。"}

Examples

create()

See the API reference for the current contract.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.create({ url: 'https://example.com' });

start()

See the API reference for the current contract.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.start();

cast()

See the API reference for the current contract.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.cast();

getCastStatus()

See the API reference for the current contract.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

const result = await CapacitorIvsPlayer.getCastStatus();
console.log(result);

pause()

See the API reference for the current contract.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.pause();

delete()

See the API reference for the current contract.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.delete();

現在の契約については、__CAPGO_KEEP_0__ リファレンスを参照してください。 GitHub リポジトリ.

__CAPGO_KEEP_0__ リポジトリ

addListener イベントをリスンする handle.remove() ハンドルを返します。画面がアンマウントされたとき、または CapacitorIvsPlayer.removeAllListeners() すべてのリスナーをクリアするには

全体参照

使用@capgo/capacitor-ivs-playerを継続してください。

使用中 Using @capgo/capacitor-ivs-player native plugin work を計画するには、を接続する @capgo/capacitor-ivs-プレイヤー @capgo/capacitor-ivs-playerの実装詳細 Getting Started Getting Startedの実装詳細 Capgo プラグインディレクトリ Capacitor製品ワークフロー向けに Capgo プラグインディレクトリ Capacitor Capgo により提供されるプラグイン Capacitorプラグインの Capacitor の実装詳細については、Capacitorプラグインの Capgo を参照してください、 プラグインの追加または更新 プラグインの追加または更新の実装詳細については、プラグインの追加または更新を参照してください。

FAQ

IVS Player プラグイン FAQ

IVS プレイヤー プラグインをどのように Capacitor アプリにインストールしますか?

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

Capacitorの@capgo/ivs-playerは、React、Vue、Angularとどのように組み合わせることができますか?

Yes. IVS 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/ivs-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.

@capgo/ivs-playerは無料でオープンソースですか?

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

アップデート code が App Store でのレビューなしで IVS プレーヤーを使用することができますか。

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.

IVS プラグインの変更をアプリレビューの待たずに配信

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

Capgoから始めます