HTML可以通過設置聲音來讓頁面更加生動,比如在網頁中加入背景音樂或點擊按鈕時發出聲音等。下面介紹幾種設置聲音的方法:
<audio src="music.mp3" controls></audio>
上面代碼中,audio標簽用于嵌入音頻文件,其中src屬性指定音頻文件的路徑,controls屬性用于顯示播放器控件,讓用戶可以控制音頻的播放。示例代碼如下:
<!DOCTYPE html> <html> <head> <title>HTML音樂播放器</title> </head> <body> <h1>HTML音樂播放器</h1> <audio src="music.mp3" controls></audio> </body> </html>
除了使用audio標簽播放音頻外,還可以使用embed標簽播放音頻:
<embed src="music.mp3" width="200" height="50"></embed>
上面代碼中,embed標簽用于嵌入音頻文件,其中src屬性指定音頻文件的路徑,width屬性和height屬性指定播放器的尺寸。示例代碼如下:
<!DOCTYPE html> <html> <head> <title>HTML音樂播放器</title> </head> <body> <h1>HTML音樂播放器</h1> <embed src="music.mp3" width="200" height="50"></embed> </body> </html>
除了上述方法,還可以使用JavaScript播放音頻,例如:
<button onclick="playSound()">播放聲音</button> <script> function playSound() { var sound = new Audio("music.mp3"); sound.play(); } </script>
上面代碼中,使用button標簽創建一個按鈕,點擊按鈕時調用JavaScript代碼播放音頻文件。既然涉及到JavaScript代碼,這里就不再使用pre標簽展示示例代碼,你可以自己在編輯器中嘗試。