溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML5中音頻的示例分析

發(fā)布時間：2021-02-24 09:49:12 來源：億速云 閱讀：102 作者：清風(fēng) 欄目：web開發(fā)

這篇“HTML5中音頻的示例分析”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“HTML5中音頻的示例分析”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學(xué)前端開發(fā)者使用。 2、可擴展性：超級文本標記語言的廣泛應(yīng)用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。  3、平臺無關(guān)性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡(luò)的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

HTML5 Audio(音頻)

最后一次修改 2017年08月01日

HTML5 提供了播放音頻文件的標準。

互聯(lián)網(wǎng)上的音頻

直到現(xiàn)在，仍然不存在一項旨在網(wǎng)頁上播放音頻的標準。

今天，大多數(shù)音頻是通過插件（比如 Flash）來播放的。然而，并非所有瀏覽器都擁有同樣的插件。

HTML5 規(guī)定了在網(wǎng)頁上嵌入音頻元素的標準，即使用 <audio> 元素。

瀏覽器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.

注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.

HTML5 Audio - 如何工作

如需在 HTML5 中播放音頻，你需要使用以下代碼：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>億速云</title> 
</head>
<body>
<audio controls>
  <source src="/statics/demosource/horse.ogg" type="audio/ogg">
  <source src="/statics/demosource/horse.mp3" type="audio/mpeg">

您的瀏覽器不支持 audio 元素。

</audio>

</body>

</html>

control 屬性供添加播放、暫停和音量控件。

在<audio> 與 </audio> 之間你需要插入瀏覽器不支持的<audio>元素的提示文本 。

<audio> 元素允許使用多個 <source> 元素. <source> 元素可以鏈接不同的音頻文件，瀏覽器將使用第一個支持的音頻文件

音頻格式及瀏覽器支持

目前, <audio>元素支持三種音頻格式文件: MP3, Wav, 和 Ogg;

音頻格式的MIME類型：MP3、Ogg、Wav;

HTML5Audio標簽：

<audio>定義了聲音內(nèi)容

<source>規(guī)定了多媒體資源，可以是多個，在<video>與<audio>標簽中使用

<audio>標簽的屬性:

autoplay：如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。

controls:如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

loop:如果出現(xiàn)該屬性，則每當音頻結(jié)束時重新開始播放。

preload:如果出現(xiàn)該屬性，則音頻在頁面加載時進行加載，并預(yù)備播放。如果使用 "autoplay"，則忽略該屬性。

src：要播放的音頻的 URL。

<audio> 與 </audio> 之間插入的內(nèi)容是供不支持 audio 元素的瀏覽器顯示的：
<audio src="song.ogg" controls="controls">
Your browser does not support the audio tag.
</audio>

上面的例子使用一個 Ogg 文件，適用于Firefox、Opera 以及 Chrome 瀏覽器。

要確保適用于 Safari 瀏覽器，音頻文件必須是 MP3 或 Wav 類型。

audio 元素允許多個 source 元素。source 元素可以鏈接不同的音頻文件。瀏覽器將使用第一個可識別的格式：

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

以上是“HTML5中音頻的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手