在網頁中添加手動播放歌曲的功能,需要使用HTML標準標簽和JavaScript語言。這里演示一個簡易的歌曲播放代碼:
<!DOCTYPE html> <html> <head> <title>手動歌曲播放</title> <script> var audio = new Audio(); //創建音頻對象 function playMusic() { var songUrl = document.getElementById("songUrl").value; //獲取歌曲鏈接 audio.src = songUrl; //設置音頻對象的播放源 audio.play(); //開始播放 } </script> </head> <body> <h1>手動播放音樂</h1> <p>請輸入歌曲鏈接: <input type="text" id="songUrl"></p> <button onclick="playMusic()">播放</button> </body> </html>
該代碼包含了一個輸入框和一個“播放”按鈕,用戶先要在輸入框中輸入歌曲的鏈接地址,然后點擊“播放”按鈕,音樂才開始播放。JavaScript語言中的Audio對象可以幫助我們實現音樂的嵌入和播放功能,同時,在HTML中使用了<input>標簽來接收用戶輸入。
需要注意的是,該代碼只能播放網站外部資源的音樂,即歌曲鏈接必須是完整的URL地址,如:http://www.example.com/song.mp3。