工具/材料SublimeText
操作方法01、打開SublimeText工具，準(zhǔn)備好如下圖所示的目錄結(jié)構(gòu)，目錄里面包括要插入的音頻文件和一個html文件 。
02、打開HTML文件，新建一個空的HTML5文檔結(jié)構(gòu) ， 如下圖所示，注意編碼一定設(shè)置為UTF-8 。
03、接下來在body標(biāo)簽中插入audio元素 ， audio元素里面通過source引入音頻文件，如下圖所示，注意文件的類型要寫對 。
04、運行編寫好的頁面程序，你會在網(wǎng)頁中看到如下圖所示的音頻播放器，我們點擊播放按鈕就會自動播放音頻 。
05、當(dāng)然有很多的老版本的瀏覽器并不支持audio元素，這個時候我們可以在audio里面添加一個提示，當(dāng)瀏覽器不支持audio元素的時候就會顯示這個提示 。
06、如果想進入播放頁面就立即自動播放音頻內(nèi)容，那么需要在audio中添加一個controls屬性 ， 如下圖所示 。
【如何用HTML5向網(wǎng)頁中插入音頻】07、最后，小編列舉了一下當(dāng)前主流瀏覽器對HTML5里面audio元素的支持情況，大家可以做一下參考 。
推薦閱讀
- cad如畫正方形
- 如何用C語言編寫一個簡單的程序！
- 如何用HTML5存儲用戶輸入的信息
- 蘋果機如何查看iTunes備份數(shù)據(jù)中的微信聊天記錄
- 小雞吃雞王座如何使用
- 一臺功放一只音箱如何連接能達到更大聲的方法
- 如何使用藍牙音響
- 如何將重要的倒計時提醒放在手機桌面
- 2017QQ怎么設(shè)置密保問題
- qq對話框怎么如何設(shè)置一直在最前面