Я работаю над интерактивной обучающей игрой, и у меня есть несколько сцен, большинство из них со звуком, видео или и тем, и другим. Проблема возникает, когда я нахожусь на IPAD, и я нахожусь в сцене, содержащей видео HTML5, и я возвращаюсь к предыдущей сцене, содержащей звук, звук будет искажен.

import chime from '../../audios/chime.mp3'
this.callerObj.audio('chime', chime)
this.callerObj.chime.play()

Видео такое:

<div tabindex="0" class="plyr plyr--full-ui plyr--video plyr--html5 plyr--pip-supported plyr--fullscreen-enabled plyr--captions-active plyr--paused">
  <div class="plyr__video-wrapper">
    <video id="lesson1p1" preload="auto">
      <source src="whiteboard_background.mp4" type="video/mp4">
     <source src="whiteboard_background.webm">
    </video>
    <div class="plyr__poster"></div>
  </div>
<div class="plyr__captions"></div>

Что может портить звук? Есть ли способ избежать этого?

1
xxnull 1 Ноя 2019 в 15:05

1 ответ

Хорошо, после проверки некоторых комментариев, я проверил это, и это сработало.

Проблема связана с менеджером аудио и тем, как он обрабатывается видео Html5.

this.item = document.getElementById('videoItem')
    if(!!this.item){
      this.item.src = ''
      this.item.load()
    }

После этого я смог воспроизвести чистый звук

1
xxnull 1 Ноя 2019 в 16:43