在IPAD上播放html5视频后，Phaser3音频失真

Question

我在一个交互式电子学习游戏中工作，我有几个场景，其中大多数是音频、视频或两者兼有。当我在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>

什么会损坏音频？有什么办法可以避免这种情况吗？

Answer 1

在检查了一些评论之后，我测试了它，它起了作用。

这个问题与音频管理器以及Html5视频如何处理它有关。

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

在这之后，我能够播放干净的音频