如何用HTML5向網頁中插入音頻
工具/材料
Sublime Text
操作方法
打開Sublime Text工具,準備好如下圖所示的目錄結構,目錄裏面包括要插入的音頻文件和一個html文件。
打開HTML文件,新建一個空的HTML5文檔結構,如下圖所示,注意編碼一定設置爲UTF-8。
接下來在body標籤中插入audio元素,audio元素裏面通過source引入音頻文件,如下圖所示,注意文件的類型要寫對。
運行編寫好的頁面程序,你會在網頁中看到如下圖所示的音頻播放器,我們點擊播放按鈕就會自動播放音頻。
當然有很多的老版本的瀏覽器並不支持audio元素,這個時候我們可以在audio裏面添加一個提示,當瀏覽器不支持audio元素的時候就會顯示這個提示。
如果想進入播放頁面就立即自動播放音頻內容,那麼需要在audio中添加一個controls屬性,如下圖所示。
最後,小編列舉了一下當前主流瀏覽器對HTML5裏面audio元素的支持情況,大家可以做一下參考。
-
最好的p圖軟件有哪些?
現在在網上我們經常會看到一些惡搞的圖片,感覺非常搞笑好玩,其實這都是通過P圖軟件來製作的,下面我們就來看看常用的最好的P圖軟件有哪些。操作方法(01)p圖軟件之Photoshop,該軟件簡稱ps,它是最常用的p圖軟件,該軟件功能十分強大,只要你有想法有創意通過該軟件都可以做...
-
ie修復工具完美修復Internet Explorer無法使用
IE修復工具是一款針對IE瀏覽器無法打開、IE瀏覽器崩潰、IE首頁被篡改及用戶無法上網所專門研發的一款瀏覽器修復工具。下面爲大家介紹一下ie修復工具完美修復InternetExplorer無法使用。操作方法(01)首先在自己電腦上下載安裝電腦管家。(02)然後打開電腦管家——點...
-
Navicat如何同步兩個不同數據庫之間的表?
Navicat是一個數據庫客戶端,它可以連接mysql數據庫,並對其進行管理操作。在Navicat客戶端下,我們可以同步兩個不同數據庫之間的表。具體怎麼操作?下面一起看下操作方法(01)連接上你的數據庫,右鍵點擊數據庫,在彈出的菜單裏,點擊‘DataTransfer'(02)點擊後,彈出DataTra...
-
flash中的橢圓工具使用技巧
Flash是非常常用的製作動畫的軟件,界面簡潔明瞭,深受大衆喜愛,軟件提供了很多的圖形工具,每個圖形工具本身都包含很多的功能,現在我們來看看圖形工具包含了哪些常見的工具以及它的使用技巧。操作方法(01)新建文檔雙擊桌面上的flash軟件,打開工具,在菜單欄中點擊【文件】...