js audio 播放音乐

最新推荐文章于 2024-01-25 12:30:01 发布

weixin_30552811

最新推荐文章于 2024-01-25 12:30:01 发布

阅读量226

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/justSmile2/p/10088148.html

本文介绍了一种在网页中实现音频自动播放及播放控制的方法，通过JavaScript代码控制HTML音频元素，实现播放、暂停和重新加载的功能。文章提供了具体的代码示例，包括按钮触发播放和关闭音频的完整实现。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>test</title>
    <script language="javascript" type="text/javascript">
        function autoPlay() {
            var myAuto = document.getElementById('myaudio');
            myAuto.play();
        }
        function closePlay() {
            var myAuto = document.getElementById('myaudio');
            myAuto.pause();
            myAuto.load();
        }
    </script>
</head>

<body>
    <audio src="123.mp3" id="myaudio" controls="controls" loop="false" hidden="true">

    </audio>
    <input type="button" onclick="autoPlay()" value="播放" />
    <input type="button" onclick="closePlay()" value="关闭" />

</body>

</html>

转载于:https://www.cnblogs.com/justSmile2/p/10088148.html