在 Safari 上加载页面时播放背景音乐

Question

我想在页面加载时播放背景音乐。

我的代码在除 Safari 之外的所有浏览器上都能正常运行。

Safari 节目。

Undefined is not constructor(evaluating new audio())

如何在 Safari 上修复此错误？

var audio, playbtn, mutebtn, seek_bar;
function initAudioPlayer(){
    audio = new Audio();
    audio.src = "html/audio/di-evantile_behind-your-dream.mp3";
    audio.loop = true;
    audio.play();
    // Set object references
    playbtn = document.getElementById("playpausebtn");
    mutebtn = document.getElementById("mutebtn");
    // Add Event Handling
    playbtn.addEventListener("click",playPause);
    mutebtn.addEventListener("click", mute);

    // Functions
    function playPause(){
        if(audio.paused){
            audio.play();
            playbtn.style.background = "url(html/images/pause.png) no-repeat";
        } else {
            audio.pause();
            playbtn.style.background = "url(html/images/play.png) no-repeat";
        }
    }

    function mute(){
        if(audio.muted){
            audio.muted = false;
            mutebtn.style.background = "url(html/images/speaker.png) no-repeat";
        } else {
            audio.muted = true;
            mutebtn.style.background = "url(html/images/speaker_muted.png) no-repeat";
        }
    }
}

//play music on page load
window.addEventListener("load", initAudioPlayer);

Answer 1

您的 JavaScript 中似乎有一个奇怪的注释。我必须删除“## Heading ##”才能让您的脚本在我的机器上运行。

关于 Safari：

Windows 版 Safari 早在 2012 年是 discontinued。如果各种 HTML5 好东西在 Windows 版本中不起作用，我不会感到惊讶。

它在带有 Safari 9.1.1 (11601.6.17) 的 Mac OSX 系统上为我工作。

我也尝试过按照您的描述使用适用于 Windows 的 Safari，我可以确认它不起作用，因为不支持 Audio 对象。