javascript - 根据屏幕尺寸播放音频

Question

我正在尝试在屏幕至少为 1600 像素时播放音频文件。这是我的 HTML

<audio id="audio" autoplay></audio>

和我的 jQuery

var width = $(window).width();

function audio() {
    $("#audio").attr("src","zoubisou.mp3");
    $("#audio").attr("type","audio/mp3");
    $("#audio").trigger("play");
}

if (width > 1600) {
    audio();
}

它不会播放任何内容。我什至尝试通过其 ID 获取音频元素，并将具有上面列出的属性的源元素附加到它。也行不通。

其背后的逻辑是使声音仅在桌面浏览器上播放，而不是在平板电脑/移动设备上播放。

Answer 1

这是根据窗口宽度播放声音的代码.. jsfiddle playing sound

function audio() {
    $("#audio").attr("src","http://www.sousound.com/music/healing/healing_01.mp3"); 
    $("#audio").trigger("play");
}
$(document).ready(function(){ 
    var width = $(window).width();
    $("#widthwin").html("window width is " + width);
    if (width > 500) {
        audio();
    }
});