3

作成中のゲームのボタンにサウンド クリップを追加したいと考えています。現在、何もしません。その理由はわかりません。

現時点では、私が持っているスクリプトでは...

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

私が持っているHTMLで...

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

次に、.minibutton の CSS があります。

うまくいかない理由はありますか？

4

2 に答える 2

5

あなたのjQueryにはいくつかの単純なエラーがありました。

HTML

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

jQuery

var audio = $("#mysoundclip")[0];
$("button").click(function() {
    audio.play();
});​

フィドル: http://jsfiddle.net/iambriansreed/VavyK/

</p>

于 2012-07-19T14:22:19.470 に答える
0

多分私はあまりにも疑わしい..しかし

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ファイルを再生できる場合。

source elementただし、ネストされたfor を見たことはありませんaudio elements。どちらかといえば、それは名前を付ける必要がありますtrack。しかし、ここでは実際には必要ありません。それ自体srcに属性を持たせることができます。audio element例: http://jsfiddle.net/5GUPg/1/

于 2012-07-19T14:02:58.777 に答える