如何使用Ionic 4中的airplay在iPad和电视设备上播放视频

Question

我正在使用Ionic 4开发一个特定于iPad的混合应用程序。目前我正在使用Ionic4 Streaming Media在应用程序中播放视频。 Airplay工作正常，但客户要求的是在两个屏幕上显示流视频。现在播放视频时发生的事情只能在电视上显示视频，而不是在iPad上显示视频。我在iPad上使用镜像功能在电视上播放。除了视频外，从iPad到电视的一切都在镜像。以下是我播放视频的代码。如果您知道在两个屏幕上镜像/播放视频的任何选项，请通知我。

<div class="video" (click)="playVideo()">
   <ion-icon class="play-icon" name="play-circle"></ion-icon>
</div>

playVideo() {
  const options: StreamingVideoOptions = {
  successCallback: () => { console.log('Video played') },
  errorCallback: (e) => { console.log('Error streaming') },
  orientation: 'landscape',
  shouldAutoClose: true,
  controls: false
};
this.streamingMedia.playVideo(File.applicationDirectory + 'www/assets/videos/test.mp4', options);
}

我不确定如何才能达到这个要求。如果此播放器不支持该功能，请向我推荐其他播放器（如果您知道的话）。谢谢

Answer 1

我使用以下代码来实现此要求。关键部分是通过添加x-webkit-airplay =“deny”禁用airplay。

<video id="video1" style="width:320px;height:240px;" controls
        x-webkit-airplay="deny">
  <source src="/assets/videos/test.mp4#t=0.1" type="video/mp4">            
</video>