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

用 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 fiddle 代码：http: //jsfiddle.net/SMR4V/1/ ​ ​</p>

于 2012-10-08T07:13:42.020 回答
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 回答
0

暂时打开音频控件以检查元素是否出现在那里并且可以手动使用，使用浏览器的开发人员工具进行调试。乍一看，我会说这是失踪的；从第一行的末尾开始，应该是：

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