メディアプレーヤーのセットアップ

このトピックでは、W3CメディアプレーヤーをVega向けReact Nativeアプリに組み込む際に必要となるコアプロジェクトの設定と更新について説明します。

Vegaアプリを作成します。アプリの作成の詳細については、Vegaアプリの作成を参照してください。

• appフォルダのpackage.jsonを開きます。dependenciesセクションに、react-native-w3cmediaパッケージを追加します。

  コードをコピー クリップボードにコピーしました。

  "@amazon-devices/react-native-w3cmedia": "~2.1.80"
  

• ターミナルウィンドウを開き、アプリフォルダに移動します。npmを実行して、このパッケージをアプリにインストールします。

  コードをコピー クリップボードにコピーしました。

    npm install
  

• babel.config.jsファイルを更新します。更新しない場合、実行時にアプリから「ReferenceError: Property 'React' doesn't exist」という例外がスローされます。

  コードをコピー クリップボードにコピーしました。

  module.exports = {
      presets: [ ['module:metro-react-native-babel-preset', { useTransformReactJSXExperimental: true }] ],
      plugins: [
        [
          '@babel/plugin-transform-react-jsx',
          {
            runtime: 'automatic',
          },
        ],
      ]
    };
  

• mainfest.tomlファイルのアプリマニフェストに次の権限を追加します。

  コードをコピー クリップボードにコピーしました。

  [wants]
  [[wants.service]]
  id = "com.amazon.mediametrics.service" # 指標サービスで必要
  
  [[wants.service]]
  id = "com.amazon.media.server"
  
  [[wants.service]]
  id = "com.amazon.gipc.uuid.*"
  
  [[wants.service]]
  id = "com.amazon.media.playersession.service"
  
  [[wants.privilege]]
  id = "com.amazon.devconf.privilege.accessibility" # 字幕で必要
  
  [[wants.service]]
  id = "com.amazon.mediabuffer.service"
  
  [[wants.service]]
  id = "com.amazon.mediatransform.service"
  
  [[wants.service]]
  id = "com.amazon.audio.stream"
  
  [[wants.service]]
  id = "com.amazon.audio.control"
  
  [offers]
  [[offers.service]]
  id = "com.amazon.gipc.uuid.*"
  

systemdサウンドを再生するには、次のオーディオ管理サービス名を追加する必要があります。

• com.amazon.audio.system - すべてのAudioManager APIクライアント

mainfest.tomlファイルに次のエントリを追加します。

関連トピック

• メディアプレーヤーAPI
• メディアプレーヤーチュートリアル

---

Last updated: 2025年9月30日