如何用HTML5向網頁中插入音頻
我們進行網頁開發的時候，經常需要在網頁中插入音頻。運用HTML4的技術很難實現這個需求。而用HTML5去實現插入音頻的功能卻很簡單方便。下面小編通過實例給大家講解一下。
東西/材料
Sublime Text
操作方式
-
01
打開Sublime Text東西，籌辦好如下圖所示的目次布局，目次里面包羅要插入的音頻文件和一個html文件。
-
02
打開HTML文件，新建一個空的HTML5文檔布局，如下圖所示，注重編碼必然設置為UTF-8。
-
03
接下來在body標簽中插入audio元素，audio元素里面經由過程source引入音頻文件，如下圖所示，注重文件的類型要寫對。
-
04
運行編寫好的頁面法式，你會在網頁中看到如下圖所示的音頻播放器，我們點擊播放按鈕就會主動播放音頻。
-
05
當然有良多的老版本的瀏覽器并不撐持audio元素，這個時辰我們可以在audio里面添加一個提醒，當瀏覽器不撐持audio元素的時辰就會顯示這個提醒。
-
06
若是想進入播放頁面就當即主動播放音頻內容，那么需要在audio中添加一個controls屬性，如下圖所示。
-
07
最后，小編列舉了一下當前本家兒流瀏覽器對HTML5里面audio元素的撐持環境，大師可以做一下參考。
- End
- 發表于 2018-04-30 00:00
- 閱讀 ( 686 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章