问题
I have an React Audio Player that uses a useAudio hook to manage the HTML5 audio. It works fine everywhere except Mobile Safari, where the sound begins a few seconds after the player starts playing.
What's odd is that I'm checking canplaythrough
on the element before calling HTMLAudioElement.play()
. So Safari fires canplaythrough
and starts "playing" the audio, except that the audio doesn't actually start until a second or so in.
Here's a complete example on CodeSandbox: https://codesandbox.io/s/useaudioplayer-jvftw?file=/src/useAudio.tsx
To replicate, open in Mobile Safari and play the Audio.
来源:https://stackoverflow.com/questions/65952427/mobile-safari-skips-first-seconds-of-html-audio-on-play