首页html点击按钮播放音乐

html点击按钮播放音乐

时间: 2023-10-11 17:04:27 浏览: 48

html 音乐播放器

用ie浏览器播放音乐需要自己设置路径

你可以使用HTML5的`<audio>`标签来实现在点击按钮时播放音乐。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>播放音乐</title> </head> <body> <audio id="myAudio"> <source src="music.mp3" type="audio/mpeg"> </audio> <button onclick="playAudio()">播放音乐</button> <script> var audio = document.getElementById("myAudio"); function playAudio() { audio.play(); } </script> </body> </html> ``` 在这个示例中，我们使用`<audio>`标签来定义音频文件，并将其ID设置为“myAudio”。然后，我们创建一个按钮，并将其“onclick”属性设置为“playAudio()”，这将调用JavaScript函数“playAudio()”。在“playAudio()”函数中，我们首先获取`<audio>`元素的引用，然后使用“play()”方法来播放音频文件。

阅读全文