用html5的audio 標(biāo)簽來控制,以下代碼適用于IE, firefox新版, chrome, safari

創(chuàng)新互聯(lián)公司是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開發(fā),網(wǎng)站制作,網(wǎng)站設(shè)計,網(wǎng)站模板,微信公眾號開發(fā),軟件開發(fā),成都小程序開發(fā),十載建站對建筑動畫等多個領(lǐng)域,擁有豐富的網(wǎng)站推廣經(jīng)驗。
!DOCTYPE?html
html
body
audio?controls
source?src="music.mp3"?type="audio/mpeg"
/audio
/body
/html
這跟音頻文件格式和瀏覽器是什么有關(guān)系,
由于在支持 HTML5 的所有瀏覽器中僅存在幾種支持的格式,因此要贏得最大范圍的受眾,則可以使用?source?元素指定要嘗試的多種文件格式。
audio?controls="true"
source?src="demo.mp3"?type="audio/mp3"?
source?src="demo.ogg"?type="audio/ogg"?
source?src="demo.aac"?type="audio/mp4"?
!--?If?no?support?at?all.?--
HTML5?audio?not?supported?
/audio
audio?對象將提供?canPlayType?方法以便預(yù)測試瀏覽器 的文件格式功能。?canPlayType?方法帶有一個音頻 mime 類型、編解碼器(可選)參數(shù),并且返回三個字符串之一:empty、maybe 或 probably。根據(jù)返回值也可以確定瀏覽器是否能播放文件
可以使用html5的audio標(biāo)簽來添加音樂播放器
audio?controls
type:指定文件類型 ?
source?src="horse.ogg"?type="audio/ogg"
???source?src="horse.mp3"?type="audio/mpeg"
/audio
對應(yīng)的參數(shù)屬性如下圖:
一般,直接用HTML5的代碼可以,“播不了”要么是你標(biāo)簽屬性寫錯路徑了,要么是瀏覽器不支持這種格式(有些瀏覽器支持的格式較少,如IE10不支持ogg)。
版本太古董的手機也許有些麻煩,可能需要用些Flash控件,但有些手機瀏覽器又不支持Flash。
智能手機環(huán)境的最新的瀏覽器都支持HTML5的audio標(biāo)簽,用法可以在關(guān)于網(wǎng)頁制作的參考書中查到,如
audio?src="/i/horse.ogg"?controls="controls"/audio
至于制作手機站點,一般使用移動流媒體布局方式創(chuàng)建網(wǎng)頁。
可以試試這個。
播放歌曲使用audio
123456789
audio id="player" src="1111.mp3" controls="controls"/audio//audio設(shè)定id為playervar player = documentById("player");document.getElementById("pid").onchange=function(){ var index = this.selectedIndex; var value = this.options[index].value player.setAttribute('src',value); player.play();}
文章題目:html5播放mp3,HTML5播放器
本文URL:http://chinadenli.net/article27/dsegpcj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、企業(yè)網(wǎng)站制作、移動網(wǎng)站建設(shè)、做網(wǎng)站、定制網(wǎng)站、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)