0

さて、私はこれを数時間調査してきましたが、この時点でおそらくもっと混乱しているだけです. ;)

ここでこの質問への回答を読みました: Web ページのクリック時にランダムなサウンドを再生するにはどうすればよいですか?

また、その作成者が最初に参照しているソース コードも以前に読みました。

WordPress サイトの header.php ファイルのタグの間に次のコードを追加しました。

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
function playSounds() {
  var sounds = new Array(
    "http://www.faenathara.com/laughs/Natharalaugh1.wav",
    "http://www.faenathara.com/laughs/Natharalaugh2.wav",
    "http://www.faenathara.com/laughs/Natharalaugh3.wav",
    "http://www.faenathara.com/laughs/Natharalaugh4.wav"
   );

$("#element").html("<embed src=\""+sounds[Math.floor(Math.random()*(sounds.length+1))]+"\" hidden=\"true\" autostart=\"true\" />");
}
</script>

そして、これをbodyタグに追加しました：

onload="javascript:playSound()"

そして、これは私の体のタグの間にあります:

<div id="element">
<button onclick="playSound()">LAUGH</button>
</div>

痛いほど明白な何かが欠けていることはわかっていますが、これが何であるかを知るにはあまりにも長い間これを見てきました. ヘルプ？

4

2 に答える 2

0

編集:関数呼び出しを修正し、+ 1 も削除しました。これは、配列に存在しないインデックス 4 を取得することがあり、div にundefined srcプロパティが含まれていたためです。embedまた、ボタンはタグに置き換えられていたため、div の外に配置しました。この例をコードにコピーし、同じものを含めて、DOCTYPE動作するかどうかを確認してください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
    <script>
        function playSounds() {
            var sounds = new Array(
    "http://www.faenathara.com/laughs/Natharalaugh1.wav",
    "http://www.faenathara.com/laughs/Natharalaugh2.wav",
    "http://www.faenathara.com/laughs/Natharalaugh3.wav",
    "http://www.faenathara.com/laughs/Natharalaugh4.wav"
   );
            var index = Math.floor(Math.random() * (sounds.length));
            $("#element").html("<embed src=\"" + sounds[index] + "\" hidden=\"true\" autostart=\"true\" />");
        }
    </script>
    <title></title>
</head>
<body onload="javascript:playSounds()">
<button onclick="playSounds()">
            LAUGH</button>
    <div id="element">

    </div>
</body>
</html>

これは、Chrome、Firefox、および IE9 でまったく問題なく動作します。

ハンレット。

于 2012-08-25T10:30:56.693 に答える
0

Web ページでサウンドを使用する場合は、 Soundmanagerライブラリを使用することを強くお勧めします。あなたのページでサウンドを使用することのすべての苦痛を間違いなく取り除きます.

その後、ボタンのクリックでサウンドを追加するのは非常に簡単です!

于 2012-08-25T10:17:56.850 に答える