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

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

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

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

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

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

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

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

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

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

1首先新建一個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如圖所示，然后在定義一個source標(biāo)簽。

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

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

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

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

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