如何使用javascript控制音乐

时间:2013-07-12 05:54:15

标签: javascript jquery html

此处的任何人都已尝试使用javascript控制嵌入音乐,其中只有两个停止和播放的按钮

function stop(){
//stop the player
}
function resume(){
//resume the player
}
<object>
    <param name="autostart" value="true">
    <param name="src" value="music.mp3">
    <param name="autoplay" value="true">
    <param name="controller" value="true">
<embed src="music.mp3" controller="true" autoplay="true" autostart="True" type="audio/mp3" />
</object>
<input type="submit" onclick="resume();" value="play" />
<input type="submit" onclick="stop();" value="pause" />

我是javascript的新手所以我正在尝试创建一个停止播放媒体的功能..

1 个答案:

答案 0 :(得分:2)

以下是示例,它可能对您有帮助。

Audio Player

<audio id="player" name="player" src="song.mp3" controls="controls">
</audio>

$(document).ready(function(){
        $("#play-bt").click(function(){
            $("#audio-player")[0].play();
            $("#message").text("Music started");
        })

        $("#pause-bt").click(function(){
            $("#audio-player")[0].pause();
            $("#message").text("Music paused");
        })

        $("#stop-bt").click(function(){
            $("#audio-player")[0].pause();
            $("#audio-player")[0].currentTime = 0;
            $("#message").text("Music Stopped");
        })
    })

嘿,根据您的新修改问题,这是解决方案,我想,您可以尝试一次。

Fiddle Example

代码可能无法播放音频,因为没有上传文件但没有错误,