依存関係の追加
アプリのpackage.jsonファイルを更新します。-
dependenciesセクションに次のエントリを追加します。
@amazon-devices/react-native-w3cmediaパッケージで提供されるW3C Media APIへの依存関係が追加されます。
~2.1.80というバージョン指定子は、互換性を維持しながら、パッチバージョン(2.1.81、2.1.82など)への自動アップデートを許容します。
-
ターミナルウィンドウを開き、アプリフォルダに移動します。npmを使用して、アプリ内のパッケージをインストールします。
Babelの構成
アプリとW3Cメディアプレーヤー統合との互換性を確保するために、babel.config.jsファイルを更新します。これを行わないと、アプリの実行時に「ReferenceError: Property 'React' doesn't exist」という例外が発生することがあります。
babel.config.jsを更新して、次の変更を加えます。
権限の追加
アプリのmanifest.tomlファイルに、必要な権限を追加する必要があります。これにより、W3Cメディアプレーヤーの機能を使用するために必要な権限がアプリに割り当てられます。- メディア指標サービス:再生の分析とモニタリングを有効にします。
- メディアサーバー:メディア再生のコア機能を提供します。
- プレーヤーセッションサービス:メディア再生セッションを管理します。
- アクセシビリティ権限:クローズドキャプションと字幕に必要です。
- オーディオサービス:オーディオストリーミング、コントロール、システムサウンドを処理します。
[wants]セクションに以下を追加します。
wantsにより、メディア再生に必要な権限がアプリに付与されます。マニフェストファイルの詳細については、Vegaアプリのマニフェストファイルの概要を参照してください。

