<body>
<audio src="./布拉格廣場.mp3" controls></audio> //引入音頻
<button class="play">開始</button>
<button class="pause">暫停</button>
<script>
var audio = document.querySelector('audio')
var play = document.querySelector('.play')
var pause = document.querySelector('.pause')
/*
1. play()
語法： 音頻或視頻元素.play()
表示開始播放
2. pause()
語法： 音頻或視頻元素.pause()
表示暫停播放
3. 事件
timeupdate 事件
當音頻或視頻開始播放以后，時間在變化就觸發
綁定給音頻或視頻元素的
4. 屬性
currentTime
語法： 音頻或視頻元素.currentTime
返回值： 當前播放的時間
*/
play.addEventListener('click', function () {
audio.play()
})
pause.addEventListener('click', function () {
audio.pause()
})
audio.addEventListener('timeupdate', function () {
// this => 一個視頻或音頻元素
console.log(this.currentTime)
})
</script>
</body>
