Amazon Developer

as

Settings
Sign out
Notifications
Alexa
Amazonアプリストア
Ring
AWS
ドキュメント
Support
Contact Us
My Cases
開発
設計と開発
公開
リファレンス
サポート
メインコンテンツへスキップ
以下のセクションでは、W3CメディアプレーヤーをVega向けReact Nativeアプリに組み込む際に必要となるコアプロジェクトの設定と更新について大まかに説明します。作業を開始するには、Vegaアプリを作成する必要があります。Vegaアプリを作成する詳細な手順については、アプリの作成を参照してください。

依存関係の追加

アプリのpackage.jsonファイルを更新します。
  1. dependenciesセクションに次のエントリを追加します。
これにより、@amazon-devices/react-native-w3cmediaパッケージで提供されるW3C Media APIへの依存関係が追加されます。 ~2.1.80というバージョン指定子は、互換性を維持しながら、パッチバージョン(2.1.81、2.1.82など)への自動アップデートを許容します。
  1. ターミナルウィンドウを開き、アプリフォルダに移動します。npmを使用して、アプリ内のパッケージをインストールします。

Babelの構成

アプリとW3Cメディアプレーヤー統合との互換性を確保するために、babel.config.jsファイルを更新します。これを行わないと、アプリの実行時に「ReferenceError: Property 'React' doesn't exist」という例外が発生することがあります。 babel.config.jsを更新して、次の変更を加えます。

権限の追加

アプリのmanifest.tomlファイルに、必要な権限を追加する必要があります。これにより、W3Cメディアプレーヤーの機能を使用するために必要な権限がアプリに割り当てられます。
  • メディア指標サービス:再生の分析とモニタリングを有効にします。
  • メディアサーバー:メディア再生のコア機能を提供します。
  • プレーヤーセッションサービス:メディア再生セッションを管理します。
  • アクセシビリティ権限:クローズドキャプションと字幕に必要です。
  • オーディオサービス:オーディオストリーミング、コントロール、システムサウンドを処理します。
manifest.tomlファイルで、[wants]セクションに以下を追加します。
これらのwantsにより、メディア再生に必要な権限がアプリに付与されます。manifestファイルの詳細については、Vegaアプリのマニフェストファイルの概要を参照してください。

次の手順

独自のユースケースに固有の要件を理解してから、再生モードの選択を参照してください。

関連トピック


最終更新日 2026年10月26日