如何在Plyr.io中添加AirPlay与Chromecast功能？

AirPlay 支持 #

• Plyr 本身内置了 AirPlay 支持，不需要额外第三方库。只要你的浏览器（比如 Safari）原生支持 AirPlay，在初始化 Plyr 时启用对应的控制项即可。
• 初始化示例：

  const player = new Plyr('#player', {
    controls: ['play-large', 'play', 'progress', 'airplay', 'fullscreen']
  });
  

• 注意：AirPlay 仅在支持该功能的浏览器和设备上可见，比如 macOS/iOS 的 Safari，Chrome 等部分浏览器可能不支持原生 AirPlay。

Chromecast 支持 #

• Plyr 同样内置了 Chromecast 基础支持，但需要依赖 Google 官方的 Cast SDK（这是实现投屏功能的必要依赖，并非第三方额外工具库）。
• 实现步骤：
  1. 在页面中引入 Google 官方提供的 Cast Sender SDK 脚本；
  2. 初始化 Plyr 时启用 Chromecast 控制项：

     const player = new Plyr('#player', {
       controls: ['play-large', 'play', 'progress', 'cast', 'fullscreen'],
       cast: {
         enabled: true
       }
     });
     

• 注意：确保你的设备和 Chromecast 处于同一局域网，且浏览器支持 Cast 功能（比如 Chrome、Edge）。

自定义扩展（可选） #

如果内置功能无法满足需求，你可以基于 Plyr 的事件系统和 API 编写自定义 JavaScript 逻辑，比如监听投屏相关事件、扩展投屏行为，但这属于进阶需求，大部分场景下内置功能足够覆盖。

内容的提问来源于stack exchange，提问作者ahmed mundher