如何在 Ionic 4 中通过 Airplay 在 iPad 和电视上播放视频

Posted

技术标签:

【中文标题】如何在 Ionic 4 中通过 Airplay 在 iPad 和电视上播放视频【英文标题】:How to play video on both devices iPad and TV with airplay in Ionic 4 【发布时间】:2019-04-11 15:27:55 【问题描述】:

我正在使用 Ionic 4 开发一个特定于 iPad 的混合应用程序。目前我正在使用 Ionic4 流媒体在应用程序中播放视频。 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);

我不确定如何才能达到这个要求。如果此播放器不支持该功能,请在您知道的情况下向我推荐其他播放器。谢谢

【问题讨论】:

【参考方案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>

【讨论】:

以上是关于如何在 Ionic 4 中通过 Airplay 在 iPad 和电视上播放视频的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Swift 4 中通过 SwiftyJson 和 Alamofire 创建多个按钮?

如何在 Mule 4 中通过 ActiveMQ 传递属性

如何在 xcode 4 中通过一项操作归档多个目标

如何在 qt 4.8 中通过 dbus 接收 QList<QVariantMap>?

在 Laravel 4 中通过迁移脚本创建 MySQL 视图

如何在python中通过正则表达式获取dict值