在HTML中,我們可以輕松地添加音頻并控制它們的播放和暫停。通過添加一些簡單的代碼,我們可以創建一個能夠控制音頻播放和暫停的功能。
<audio id="myAudio" src="song.mp3"></audio> <button onclick="playAudio()">播放</button> <button onclick="pauseAudio()">暫停</button> <script> var audio = document.getElementById("myAudio"); function playAudio() { audio.play(); } function pauseAudio() { audio.pause(); } </script>
代碼中,我們首先創建了一個ID為“myAudio”的音頻,并鏈接到名為“song.mp3”的音頻文件。我們還創建了兩個按鈕,一個用于播放音頻,一個用于暫停它。當用戶單擊播放按鈕時,我們調用名為“playAudio()”的函數并使用“audio.play()”代碼播放音頻。同樣,當用戶單擊暫停按鈕時,我們調用名為“pauseAudio()”的函數并使用“audio.pause()”代碼暫停音頻。
這是一個簡單但強大的示例,展示如何在HTML中控制音頻播放和暫停。它可以應用于各種音頻文件和應用程序,幫助我們輕松地創建出色的用戶體驗。
上一篇icon vue
下一篇css3強行添加滾動條