Блог

Я разрабатываю гибридное приложение для 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);
}
  

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

Я использовал следующий код для достижения этого требования. Ключевая часть — отключить воспроизведение в эфире, добавив x-webkit-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>