js实现点击一次按钮开始播放音乐

2020-04-12 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n254.html

js编写使得点击一次按钮,音乐能够从头开始播放,即使音乐没有播放完毕。

戳我试试看

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <script>
        // 检查是否正在播放
        var isPlaying = false; 
        function play() {
            var player = document.querySelector('#test');
            if (isPlaying) {
                // 如果正在播放, 停止播放并停止读取此音乐文件
                player.pause();
                player.src = '';
            } else {
                player.src = '1.mp3';
                player.play();
            }
        }
    </script>
</head>
<body>
<audio id="test" src="1.mp3" ></audio>
<button onclick="play();">播放</button> 
</body>
</html>


原文地址:http://www.imtr.cn/html/n254.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知