音频audio

java_zhaoyanli

于 2016-05-24 18:50:34 发布

阅读量572

点赞数

分类专栏：响应式文章标签： audio

本文链接：https://blog.youkuaiyun.com/java_zhaoyanli/article/details/51492650

版权

响应式专栏收录该内容

33 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>