如何用HTML5向網頁中插入音頻
工具/材料
Sublime Text
操作方法
開啟Sublime Text工具,準備好如下圖所示的目錄結構,目錄裏面包括要插入的音頻檔案和一個html檔案。
開啟HTML檔案,新建一個空的HTML5文檔結構,如下圖所示,注意編碼一定設定爲UTF-8。
接下來在body標籤中插入audio元素,audio元素裏面透過source引入音頻檔案,如下圖所示,注意檔案的類型要寫對。
執行編寫好的頁面程序,你會在網頁中看到如下圖所示的音頻播放器,我們點擊播放按鈕就會自動播放音頻。
當然有很多的老版本的瀏覽器並不支援audio元素,這個時候我們可以在audio裏面添加一個提示,當瀏覽器不支援audio元素的時候就會顯示這個提示。
如果想進入播放頁面就立即自動播放音頻內容,那麼需要在audio中添加一個controls屬性,如下圖所示。
最後,小編列舉了一下當前主流瀏覽器對HTML5裏面audio元素的支援情況,大家可以做一下參考。
-
Webstorm強大的定位功能,使用詳解
Webstorm前端開發工具,內置有強大的檔案定位功能,下面來看下具體怎麼使用。操作方法(01)開啟Webstorm,並開啟一個項目,在一個html檔案裏,我們可以看到有引入了一些js檔案。(02)按住鍵盤上的command鍵(windows上,應該是ctrl鍵),然後鼠標移到這個腳本檔案上時,就會出現一個下劃...
-
÷除號怎麼打出來
在工作中常常會使用到除號做檔案,那麼除號應該怎麼打出來呢?請看下面解析。操作方法(01)方法一:開啟word文檔,點擊“插入”》“符號”。(02)點擊“÷”號即可。(03)方法二:在輸入法裏打“÷”即可。...
-
EXCEL技巧——製作學生成績統計表
怎麼使用excel來製作學生成績的統計表。讓小編教給你操作指南。操作方法(01)首先開啟一個工作樣表作爲例子。如圖所示:(02)在空白單元格內輸入學生成績統計表標題以及相關類目標題。如圖所示:(03)把源數據按照表內格式進行錄入。如圖所示:(04)在f4單元格內輸入公式:“=sum(C...
-
Chrome如何在禁止右鍵的網站,把文字複製下來?
在網上瀏覽文章時,有時看到一篇好的文章,或一段經典的話語,想要複製下來,儲存到自己的word文檔裏,通常都是先選擇需要複製的文字,然後右鍵,點擊複製。或者直接點擊鍵盤ctrl+c來複制。但有些網站禁止了右鍵,就算你點擊右鍵也沒有選單彈出來。也禁止了快速鍵ctrl+c,所以按...