mejs是一款適用于HTML5視頻和音頻播放器的JavaScript庫(kù)它是MediaElementjs的縮寫(xiě)，為了簡(jiǎn)化HTML5網(wǎng)頁(yè)上的音視頻嵌入和播放而創(chuàng)建mejs能夠自動(dòng)識(shí)別需要播放的媒體類(lèi)型，同時(shí)具有豐富的皮膚交互式組件和擴(kuò)展功能，是一個(gè)十分方便易用的多媒體播放器mejs的使用范圍十分廣泛，它可以在任何支持HTML5的瀏。

html標(biāo)簽直接寫(xiě)audio標(biāo)簽，ltaudio loop controls src=quot。

一個(gè)audio標(biāo)簽只能同時(shí)播放一個(gè)音頻文件，希望一個(gè)接一個(gè)播放的話，就需要js監(jiān)聽(tīng)標(biāo)簽的onended事件，播放完畢后，更換一個(gè)文件地址就可以了。

當(dāng)然，如果是聲音里面有衰減或空白的部分，不想剪輯聲音的話，可以用多個(gè)Audio同時(shí)循環(huán)播放，如下var audios=for var i= 0 i lt 5 i++ var a = new Audioasrc = quotquot 填入你的音頻地址 apreload=quotautoquotaloop = trueaudiospusha 調(diào)用下面函數(shù)。

使用Createjs來(lái)編寫(xiě)HTML5游戲PreloadJS和SoundJS方法createJs的由來(lái)，基礎(chǔ)什么的就不說(shuō)了，就直接說(shuō)createJs的用法吧 首先到createJs官網(wǎng)下載，createJs分成easelJs圖形動(dòng)畫(huà)preloadJs文件加載soundJs音頻控制以及tweenJs補(bǔ)間動(dòng)畫(huà)四部分，大家下載的時(shí)候，建議下載兩個(gè)文件，一個(gè)是壓縮。

只要去掉controls 這個(gè)參數(shù)就可以了，例子123ltvideo width=quot352quot height=quot264quot controls autobufferltsource src=quotquot type=#39videomp4#39ltsourceltvideo 實(shí)現(xiàn)點(diǎn)擊按鈕控制音樂(lè)的播放和暫停默認(rèn)為播放，若想默認(rèn)不播放，修改audio的autoplay屬性即可介紹1HTML標(biāo)準(zhǔn)自1999年12月發(fā)布的 HTML。

html5 audio標(biāo)簽在ios safari瀏覽器中，js是無(wú)法控制播放的因?yàn)閕os safari瀏覽器內(nèi)置的把play load都給禁用了官方的說(shuō)法是為了用戶著想，必須當(dāng)用戶手動(dòng)的去出發(fā)播放控件的時(shí)候，拿到action，才可以播放為什么，我會(huì)遇到這個(gè)問(wèn)題呢因?yàn)轫?yè)面是用html5寫(xiě)的，要嵌入到ios里面開(kāi)始在安卓上面。

Canvas繪制圖形圖像 requestAnimationFrame調(diào)起動(dòng)畫(huà) 重點(diǎn)canvas繪制AudioContextAPI應(yīng)用代碼在#39publicjavascriptsindexjs#39中本博文重點(diǎn)講解實(shí)現(xiàn)過(guò)程中使用的AudioContext相關(guān)的API如果對(duì)webaudioAPI很有興趣，請(qǐng)參見(jiàn)webaudioAPI AudioContext音頻處理的環(huán)境和上下文，可以控制它所包含的節(jié)點(diǎn)的創(chuàng)建，以及音頻處理。

主要特性支持多瀏覽器內(nèi)置支持HTML5音頻和視頻，允許創(chuàng)建多媒體Tumult Hype采用各種先進(jìn)功能，其中包括模糊色調(diào)偏移3D轉(zhuǎn)換等支持移動(dòng)設(shè)備4MontageJS MontageJS是一個(gè)開(kāi)源的HTML5框架，著眼于可維護(hù)性和性能設(shè)計(jì)MontageJS通過(guò)提供模塊化組件實(shí)時(shí)雙向數(shù)據(jù)綁定事件處理CommonJS依賴管理等簡(jiǎn)化。

videojs是一款開(kāi)源的HTML5視頻播放器，它基于JavaScript和CSS構(gòu)建使用videojs可將視頻嵌入任何網(wǎng)站和應(yīng)用程序中，同時(shí)提供了全屏模式自適應(yīng)尺寸廣告插入等功能videojs在前端開(kāi)發(fā)人員中廣受歡迎，因其易用性和自定義能力無(wú)論開(kāi)發(fā)者需要從哪個(gè)視頻平臺(tái)中獲取視頻或者自己從服務(wù)器存儲(chǔ)中獲取視頻，video。

1首先新建一個(gè)HTML文檔，如圖所示2然后在body標(biāo)簽里輸入video標(biāo)簽3接著在video標(biāo)簽內(nèi)輸入controls=quotcontrolsquot，如圖所示4然后在video標(biāo)簽里輸入ltsource，接著在ltsource內(nèi)輸入src=quotmediasvolcanooggquot，如圖所示5然后在后面輸入type=quotvideooggquot如圖所示，然后在定義一個(gè)source標(biāo)簽。

2播放部分升級(jí)了對(duì)m3u8格式的內(nèi)部支持，不再使用外部插件播放3增加了flashplayer環(huán)境對(duì)m3u8文件的加密支持4內(nèi)置了清晰度支持功能，以及m3u8清晰度自動(dòng)選擇及顯示的支持5內(nèi)置了彈幕顯示功能，多種緩動(dòng)效果可以制作出多種彈幕顯示效果并且支持彈幕和播放器的互動(dòng)，以前和js的互動(dòng)6重構(gòu)了。

CreateJS 中包含EaselJS用于 Sprites動(dòng)畫(huà)向量和位圖的繪制，創(chuàng)建 HTML5 Canvas 上的交互體驗(yàn)包含多點(diǎn)觸控，同時(shí)提供 Flash 中的“顯示列表”功能TweenJS一個(gè)簡(jiǎn)單的用于制作類(lèi)似 Flash 中“補(bǔ)間動(dòng)畫(huà)”的引擎，可生成數(shù)字或非數(shù)字的連續(xù)變化效果SoundJS一個(gè)音頻播放引擎，能夠根據(jù)瀏覽器。

如何使用html5media 1首先在頁(yè)面的head部分加入如下腳本 1 ltscript src=quot14html5ltscript 可以通過(guò)使用IE條件注釋的方法，只在舊版IE瀏覽器中加載這條JS腳本2然后再使用audio或video添加音頻視頻就行了 1 lt！ 視頻媒體標(biāo)簽。

接著，通過(guò)安裝 fluentffmpeg 庫(kù)，利用 ffmpeg 進(jìn)行視頻轉(zhuǎn)碼確認(rèn)服務(wù)器環(huán)境中已安裝 ffmpeg，以執(zhí)行轉(zhuǎn)碼操作fluentffmpeg 提供了易于理解的封裝，簡(jiǎn)化了 ffmpeg 命令使用 flvjs 實(shí)現(xiàn)前端獲取視頻數(shù)據(jù)并渲染flvjs 是一款純 JS 編寫(xiě)的 HTML5 FLV 播放器，支持實(shí)時(shí)播放 flv 格式的視頻通過(guò)。

如果考慮瀏覽器兼容性，那用flash無(wú)疑是最好，如果考慮格式的兼容性，則支持html5的瀏覽器直接用audio標(biāo)簽最好這個(gè)確實(shí)是棘手的問(wèn)題，百度是進(jìn)行了判斷來(lái)播放的我們這因?yàn)榧夹g(shù)有限，后臺(tái)進(jìn)行了轉(zhuǎn)碼，推薦你看看jplayer和flowplayer，這兩個(gè)是比較常見(jiàn)的開(kāi)源音頻插件，但不幸的是都只支持MP3格式。