iPad 和 iPhone 中没有播放声音

Question

我用 Django 建立了一个网站，但在 Apple 设备中播放声音时遇到问题。 声音在 Windows 计算机、Android 设备和 Mac 计算机上正常播放。

但是当您使用 iPhone 或 iPad 访问网站时，声音不会播放。

下一个是我用来播放声音的Javascript。

我不知道可能是哪个问题。

function playSound(){
    if(sound.paused){
        repetitions--;
        sound.pause();
        if(repetitions >= 0){
            sound_btn.firstChild.textContent = '';
            sound.play();   
            sound_btn.classList.toggle('btn-primary');
            sound_btn.classList.toggle('btn-danger');
            sound_btn.firstChild.classList.toggle('bi-volume-up-fill');
            sound_btn.firstChild.classList.toggle('bi-soundwave');
        }   
    }
}

function audioFinish(){
    sound.currentTime = 0;
    sound_btn.classList.toggle('btn-primary');
    sound_btn.classList.toggle('btn-danger');
    sound_btn.firstChild.classList.toggle('bi-volume-up-fill');
    sound_btn.firstChild.classList.toggle('bi-soundwave');
    sound_btn.firstChild.textContent = repetitions.toString();
    if(repetitions == 0){
        sound_btn.classList.remove('btn-primary');
        sound_btn.classList.remove('btn-danger');
        sound_btn.classList.add('btn-secondary');
        sound_btn.disabled = true;
        sound_btn.firstChild.classList.remove('bi-soundwave');
        sound_btn.firstChild.classList.remove('bi-volume-up-fill');
        sound_btn.firstChild.classList.add('bi-volume-mute-fill');
    }
}

sound_btn.addEventListener("click", playSound, false);
sound.addEventListener("ended", audioFinish, false);

Answer 1

这可能是由于浏览器与 JS 声音 API 的兼容性。 如果您在使用它的设备上使用 chrome 或 Firefox 但在苹果设备上使用 safari，这将是您的问题。

Refer to this for ios specifics: https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/PlayingandSynthesizingSounds/PlayingandSynthesizingSounds.html