0

ページにオーディオを追加しようとしています。その中にライトボックスがあり、ライトボックスをクリックすると音が出ます。

これは私のJavaScriptです：

audio = $("audio").get(0)

$('a').click(function(){
    if(audio.paused){
        audio.play();
    } else {
        audio.pause();
    }
});

これは私のHTMLコードです:

<a href="javascript:void(0)">
    <img src="img/speaker_icon.png" alt="play" />
</a>
<audio>
    <source src="sound/siol.ogg" type="audio/ogg">
    <source src="sound/siol.mp3" type="audio/mpeg">
</audio>​

何を変更すればよいですか？簡単な修正はありますか？

4

3 に答える 3

1

解決策については、以下の作業コードを確認してください。

<html>
<head>

<script src="http://code.jquery.com/jquery-1.8.0.min.js" type="text/javascript">     </script>
<script type="text/javascript">
    function playerClicked() {
     audio=$("audio").get(0);
     audio.load()
       if(audio.paused){
        audio.play();
       } else {
        audio.pause();
       }

    }
</script>

</head>
<body>
<a id ="storyplayer" href="javascript:playerClicked();">
Click here to play.
</a>
<audio>
<source src="sound/siol.mp3" type="audio/mpeg">
</audio>

</body>
</html>
于 2012-10-08T09:21:49.523 に答える
1

以前の回答を jquery コードで更新します。

HTML:

<a href="javascript:void(0)">
    <img src="http://www.kafkabrigade.org.uk/wp-content/uploads/2011/07/button-pic.jpg" alt="play" />
</a>
<audio>
    <source src="http://www.hellopixel.net/click.mp3" type="audio/ogg">
    <source src="http://www.hellopixel.net/click.ogg" type="audio/mpeg">
</audio>

jQuery:

audio = $("audio").get(0)

$('a').click(function(){
    if(audio.paused){
        audio.play();
    } else {
        audio.pause();
    }
});

動作中の js フィドル コードは次のとおりです: http://jsfiddle.net/SMR4V/1/ </p>

于 2012-10-08T07:13:42.020 に答える
0

オーディオのコントロールを一時的にオンにして、要素がそこに表示され、手動で使用できるかどうかを確認し、ブラウザーの開発者ツールを使用してデバッグします。一見、欠けていると思います。最初の行の終わりから、次のようになります。

audio = $("audio").get(0);
于 2012-10-08T06:51:59.527 に答える