使用<audio>标签和Javascript / jQuery </audio>创建简单的音频播放器

时间:2013-05-22 09:22:19

标签: javascript jquery html5 audio custom-controls

这是我在这里的第一个问题,我是Javascript和jQuery的新手。我一直在网上搜索,以了解为HTML5标记创建自己的函数的基础知识。我无法让它运行,并且无法在我的代码中看到它出错的地方。我可以使用“控件”添加来播放它,但更喜欢创建我自己的按钮等。

有没有人对我出错的地方以及我需要做些什么才能让这个有用?

这是我的代码:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type = "text/javascript">
function init () {
            player = $("#player");
   $("#play").click(play(player));
   $("#pause").click(pause(player));};

function play(player) {
            player.play();
}
function pause(player) {
            player.pause();
}
</script>

</head>

<body>
<audio id = "player" src="http://www.archive.org/download/MoonlightSonata_755/Beethoven-MoonlightSonata.mp3">
</audio>
<button id = "play" onclick="document.getElementById("player").play()">Play</button>
<button id = "pause" onclick="document.getElementById("player").pause()">Pause</button>
</body>

2 个答案:

答案 0 :(得分:0)

<script = "text/javascript"> 

错字号=签名

答案 1 :(得分:0)

请更改您的jQuery代码,如下面的代码

function play(player) {
        player.play();
}
function pause(player) {
        player.pause();
}

$(document).ready(function(e){
player = $("#player")[0];
    $("#play").click(function(e){play(player)});
    $("#pause").click(function(e){pause(player)});
});