html插入音频点击播放
时间: 2023-07-15 21:13:09 浏览: 51
可以使用HTML5的`<audio>`标签来插入音频并实现点击播放功能。以下是一个简单的例子:
```html
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
```
其中,`<audio>`标签用于表示音频,`controls`属性用于显示播放控制器,`<source>`标签用于指定音频文件的URL和MIME类型。如果浏览器不支持`<audio>`标签,则会显示`Your browser does not support the audio element.`。
你也可以使用JavaScript来控制音频的播放和暂停。例如:
```html
<audio id="myAudio">
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<button onclick="playAudio()">播放</button>
<button onclick="pauseAudio()">暂停</button>
<script>
var audio = document.getElementById("myAudio");
function playAudio() {
audio.play();
}
function pauseAudio() {
audio.pause();
}
</script>
```
在这个例子中,使用了`document.getElementById()`方法获取音频元素,并定义了`playAudio()`和`pauseAudio()`函数来控制音频的播放和暂停。通过点击按钮来调用这些函数即可实现音频的播放和暂停。