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