解决Safari浏览器中程序化音频播放的NotSupportedError

document.getElementById("voice").play();

<!-- 声明所有可能需要程序化播放的音频元素 -->
<audio id="background_music" src="sounds/bgm.ogg" preload="auto"></audio>
<audio id="voice_prompt_1" src="sounds/prompt1.ogg" preload="auto"></audio>
<audio id="voice_prompt_2" src="sounds/prompt2.ogg" preload="auto"></audio>
<!-- 假设原始问题中的 "voice" 元素 -->
<audio id="voice" src="sounds/default.ogg" preload="auto"></audio>

const audiosToUnlock = document.querySelectorAll('audio');
// 或者，如果您只关心特定的音频：
// const audiosToUnlock = [
//     document.getElementById('voice'),
//     document.getElementById('background_music')
// ];

let isAudioUnlocked = false; // 标记音频是否已解锁

// 定义解锁函数，确保只执行一次
function unlockAudio() {
    if (isAudioUnlocked || audiosToUnlock.length === 0) {
        return; // 如果已解锁或没有音频，则直接返回
    }

    // 遍历所有需要解锁的音频元素
    for (let audio of audiosToUnlock) {
        // 尝试播放并立即暂停，以规避浏览器自动播放限制
        // play() 方法返回一个 Promise，可以捕获潜在的错误
        audio.play().then(() => {
            audio.pause();
            audio.currentTime = 0; // 重置播放进度，确保下次从头开始
        }).catch(error => {
            // 在某些情况下（例如，用户禁用媒体自动播放），play() 仍可能失败
            // 捕获错误可以避免未处理的 Promise 拒绝
            console.warn("音频解锁尝试失败或无需解锁:", audio.src, error);
        });
    }

    isAudioUnlocked = true; // 标记为已解锁
    // 移除事件监听器，确保解锁逻辑只执行一次
    document.body.removeEventListener('touchstart', unlockAudio);
    document.body.removeEventListener('click', unlockAudio);
}

// 监听 body 上的 touchstart 和 click 事件
// touchstart 适用于移动设备，click 适用于桌面设备
document.body.addEventListener('touchstart', unlockAudio, { once: true });
document.body.addEventListener('click', unlockAudio, { once: true });

// ... 其他逻辑 ...

// 假设这里的 "voice" 元素已经在解锁阶段被处理过
var randompic_onload = array_voices_hashes[newpic_onload];
document.getElementById("voice").src = 'sounds/' + randompic_onload + '.ogg'; // 更新音频源
document.getElementById("voice").load(); // 重新加载新的音频源
document.getElementById("voice").play(); // 现在应该可以正常播放了
cdreset();
countdown();