js 播放audio标签
时间: 2023-11-06 16:07:36 浏览: 38
怎么实现暂停和继续播放?
可以通过JavaScript代码中的audio标签的pause()和play()方法来实现暂停和继续播放。例如:
var audio = document.getElementById("myAudio");
// 暂停播放
audio.pause();
// 继续播放
audio.play();
相关问题
audio标签播放本地音频
以下是两种使用audio标签播放本地音频的方法:
1.使用原生audio标签
```html
<div>
<audio controls>
<source src="./扫描成功.mp3" />
</audio>
</div>
```
2.使用JavaScript控制播放
```html
<div>
<audio controls ref="audio">
<source src="./扫描成功.mp3" />
</audio>
</div>
<z-button @click="play('扫描成功.mp3')">播放1</z-button>
<z-button @click="play('未命名文本3.mp3')">播放2</z-button>
<div>
<script>
play(val) {
let music = new Audio() // 这里获取播放路径
music = require(`./${val}`)
this.$refs.audio.src = music
this.$nextTick(res => {
const { audio } = this.$refs
audio.load()
audio.play()
})
}
</script>
</div>
```
JS播放audio
要在JS中播放音频,可以使用HTML5中的`<audio>`标签和JavaScript来实现。以下是一个简单的示例:
```html
<audio id="myAudio" src="audio.mp3"></audio>
<button onclick="playAudio()">播放</button>
<button onclick="pauseAudio()">暂停</button>
```
```javascript
var audio = document.getElementById("myAudio");
function playAudio() {
audio.play();
}
function pauseAudio() {
audio.pause();
}
```
在这个例子中,我们创建了一个带有`id`为`myAudio`的`<audio>`元素,其中`src`属性指定了要播放的音频文件路径。我们还创建了两个按钮,一个用于播放音频,另一个用于暂停音频。在JavaScript中,我们使用`document.getElementById()`方法获取`<audio>`元素的引用,然后使用`play()`和`pause()`方法来控制音频的播放和暂停。