HTML5 音频 audio
生活随笔
收集整理的這篇文章主要介紹了
HTML5 音频 audio
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
HTML5 提供了播放音頻的標(biāo)準(zhǔn)。
一、Web 上的音頻
直到現(xiàn)在，仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)。
今天，大多數(shù)音頻是通過(guò)插件（比如 Flash）來(lái)播放的。然而，并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過(guò) audio 元素來(lái)包含音頻的標(biāo)準(zhǔn)方法。
audio 元素能夠播放聲音文件或者音頻流。
二、使用audio標(biāo)簽
<audio src="song.ogg" controls="controls"> </audio>control 屬性供添加播放、暫停和音量控件。
<audio> 與 </audio> 之間插入的內(nèi)容是供不支持 audio 元素的瀏覽器顯示的：
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title></head><body><div style="text-align:center;"><video id="video1" width="420" style="margin-top:55px;"><source src="img/mov_bbb.mp4" type="video/mp4" /><source src="img/mov_bbb.ogg" type="video/ogg" /> Your browser does not support HTML5 video.</video><br /><button onclick="playPause()">播放/暫停</button><button onclick="makeBig()">大</button><button onclick="makeNormal()">中</button><button onclick="makeSmall()">小</button><br/><br/><audio controls="controls"><source src="img/qiuyinong.mp3" type="audio/mpeg">Your browser does not support the audio tag.</audio></div><script type="text/javascript">var myVideo = document.getElementById("video1");function playPause() {if(myVideo.paused)myVideo.play();elsemyVideo.pause();}function makeBig() {myVideo.width = 560;}function makeSmall() {myVideo.width = 320;}function makeNormal() {myVideo.width = 420;}</script></body></html>文件夾內(nèi)容
?
1、chrome瀏覽器下：
2、IE9瀏覽器下：
?
3、IE8瀏覽器下測(cè)試：
?
轉(zhuǎn)載于:https://www.cnblogs.com/chengxs/p/5869871.html
總結(jié)
以上是生活随笔為你收集整理的HTML5 音频 audio的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： ural1147 Shaping Reg
- 下一篇： linux —— 学习笔记（用户管理与权