Javascript 添加音频以单击事件

我想添加一个声音剪辑到我正在创建的游戏按钮上。目前它什么都不做，我也不知道为什么

目前在剧本中我已经

var audio = $(".mysoundclip")[0];
$(".minibutton").onclick(function() {
    audio.play();
});

<audio id="mysoundclip" preload="auto">
    <source src="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"></source>
</audio>

在HTML中我有

var audio = $(".mysoundclip")[0];
$(".minibutton").onclick(function() {
    audio.play();
});

<audio id="mysoundclip" preload="auto">
    <source src="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"></source>
</audio>

然后我就有了.minibuton的CSS

---

知道为什么不行吗？

也许我是个太多疑的人。。但是

http://www.sound-effect.com/sounds1/animal/Saf/Tiger1.wav

“在此服务器上找不到请求的URL”

如果这只是一个输入错误，您还应该尝试找出浏览器能够播放的音频类型：

myApp.htmlAudio = (function _htmlAudioCheck() {
    var elem = document.createElement('audio'),
        bool = false;

    try {
        if( !!elem.canPlayType ) {
            bool = new Boolean(bool);
            bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"');
            bool.mp3 = elem.canPlayType('audio/mpeg;');

            bool.wav = elem.canPlayType('audio/wav; codecs="1"');
            bool.m4a = ( elem.canPlayType('audio/x-m4a;') ||      elem.canPlayType('audio/aac;'));
        }
    } catch(e) { }

    return bool;
}());

现在我们可以检查一下

if( myApp.htmlAudio && myApp.htmlAudio.wav ) {
}

例如，如果浏览器能够播放

.wav

文件

---

但是，我从未看到

音频元素的嵌套
源元素
。如果有，应该命名为
track
。但是在这里您并不真正需要它，您可以在
音频元素
本身上有一个
src
属性。示例：
您的jQuery中有一些简单的错误

HTML

小提琴：

​
 你知道有什么好的网站可以获得合法的声音吗@jAndyI恐怕，我不知道，对不起。我需要wav，我已经检查了浏览器兼容性。谢谢。现在我有了一个工作声音。你知道为什么它不起作用吗@jAndy@IronSpoon：是的，您应该在
音频元素
上直接具有
src
属性，不需要嵌套的
源元素
。例如：