音频audio

最新推荐文章于 2025-04-12 13:46:47 发布

原创最新推荐文章于 2025-04-12 13:46:47 发布 · 587 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#audio

响应式专栏收录该内容

33 篇文章

订阅专栏

本文介绍了使用HTML5的音频标签来创建简单的音频播放器的方法。通过示例代码展示了如何实现基本的音频播放功能，包括自动播放、控制条以及循环播放，并提供了通过JavaScript控制播放与暂停的具体实现。

1，最简单的播放：

<body>

<audio src="yinyue.ogg" autoplay controls loop></audio>

<audio>
<source src="yinyue.ogg" />
<source src="yinyue.mp3" />
您的浏览器不支持此标签
</audio>

</body>

2，可以暂停、可以播放

 <script type="text/javascript">
         window.onload = function(){
            var btn1 = document.getElementsByTagName("button")[0];
            var btn2 = document.getElementsByTagName("button")[1];
            var audio = document.getElementsByTagName("audio")[0];
            btn1.onclick = function(){
                audio.play();
            }
            btn2.onclick = function(){
                audio.pause();
            }
         }
    </script>
</head>
<body>
     <audio src="yinyue.ogg" autoplay controls loop></audio>
     <button>播放</button>
     <button>暂停</button>
</body>