as

Settings
Sign out
Notifications
Alexa
亚马逊应用商店
Ring
AWS
文档
Support
Contact Us
My Cases
新手入门
设计和开发
应用发布
参考
支持
跳转到主要内容
以下各部分内容概述了将W3C媒体播放器整合到适用于Vega的React Native应用中所需的核心项目设置和更新。要开始使用,您必须创建一个Vega应用。有关创建Vega应用的详细说明,请参阅构建您的应用。

添加依赖项

更新应用中的package.json文件:
  1. 在依赖项部分中,添加以下条目:
这增加了对通过@amazon-devices/react-native-w3cmedia程序包提供的W3C媒体API的依赖项。 ~2.1.80版本说明符允许在保持兼容性的同时自动更新补丁版本(例如2.1.81、2.1.82)。
  1. 打开终端窗口并导航到您的应用文件夹。运行npm以将程序包安装到您的应用中。

配置Babel

为确保您的应用与W3C媒体播放器集成兼容,请更新您的babel.config.js文件。否则,您的应用可能会在运行时遇到“ReferenceError: Property 'React' doesn't exist”(参考错误:属性“React”不存在)的异常。 使用以下更改更新babel.config.js文件。

添加权限

您必须向您的应用的manifest.toml文件添加必要的权限。这将确保应用具有使用W3C媒体播放器功能所需的权限:
  • 媒体指标服务:支持播放分析和监控
  • 媒体服务器:提供核心媒体播放功能
  • 播放器会话服务:管理媒体播放会话
  • 无障碍功能权限:隐藏式字幕和字幕的必需项
  • 音频服务:处理音频流媒体、控制和系统声音
在manifest.toml文件中,在 [wants] 部分下添加以下内容。
这些wants为应用授予了媒体播放所需的权限。有关清单文件的更多信息,请参阅Vega应用清单文件概述。

模板应用与媒体应用之间的配置差异

以下示例展示了全新模板应用与正确配置的媒体应用之间的配置差异。

后续步骤

了解您的特定用例要求后,请参阅选择播放模式。

相关主题


最后修改于 2026年10月26日