Javascript 如何在Safari中加速html音频?

Javascript 如何在Safari中加速html音频?,javascript,html,safari,mobile-safari,html5-audio,Javascript,Html,Safari,Mobile Safari,Html5 Audio,我正在使用HTML音频播放器播放音频,我注意到Safari加载和播放音频的速度非常慢(大约5.5秒,而Chrome仅为..5秒)。有什么办法可以加快速度吗 我看到过关于AudioContext的讨论(如和)是一种可能的解决方案,但我不清楚AudioContext是如何工作的——实现它的代码是什么?我想保留html音频标签,它的特性 [编辑:事实上,在看到safari在不同设备上改变音频播放器外观的方式后,我可以通过javascript(audio.play()…)播放音频。但在safari上,这

我正在使用HTML音频播放器播放音频,我注意到Safari加载和播放音频的速度非常慢(大约5.5秒,而Chrome仅为..5秒)。有什么办法可以加快速度吗

我看到过关于AudioContext的讨论(如和)是一种可能的解决方案,但我不清楚AudioContext是如何工作的——实现它的代码是什么?我想保留html音频标签,它的特性

[编辑:事实上,在看到safari在不同设备上改变音频播放器外观的方式后,我可以通过javascript(audio.play()…)播放音频。但在safari上,这两种方式都很慢。]

(我使用的是angular,但我不认为这有什么区别)

相关代码:

html:


您的浏览器不支持音频播放器。
打字稿:

playAudio() {
   this.coolAudio = 'audioFile.m4a'
}

onCanPlayFunction() {
  let audioElement = <HTMLVideoElement>document.getElementById('audioId');
  audioElement.play()
}
playAudio(){
this.coolAudio='audioFile.m4a'
}
onCanPlayFunction(){
让audioElement=document.getElementById('audioId');
audioElement.play()
}
playAudio() {
   this.coolAudio = 'audioFile.m4a'
}

onCanPlayFunction() {
  let audioElement = <HTMLVideoElement>document.getElementById('audioId');
  audioElement.play()
}