Как воспроизводить видео на обоих устройствах iPad и TV с трансляцией в Ionic 4

Question

Я разрабатываю гибридное приложение для iPad с использованием Ionic 4. В настоящее время я использую потоковое мультимедиа 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);
}

Я не уверен, как я могу выполнить это требование. Если этот плеер не поддерживает эту функцию, пожалуйста, порекомендуйте мне другой плеер, если вы знаете. Спасибо

Answer 1

Я использовал следующий код для выполнения этого требования.Ключевой частью является отключение трансляции, добавив x-webkit-airplay = "deny".

<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>