html5音乐播放器格式midi,HTML5 Audio時代的MIDI音樂文件播放

大家都知道,HTML5 Audio標簽能夠支持wav, webm, mp3, ogg, acc等格式,但是有個很重要的音樂文件格式midi(擴展名mid)卻在各大瀏覽器中都沒有內置的支持,因為mid文件並不像其他聲音文件那樣記錄聲音的采樣信息,而是記錄了樂器的演奏指令,二者的原理截然不同。

mid文件格式的最突出的有點是文件極小,幾分鍾的音樂可能只有幾K的文件大小,mp3等其他格式則至少要幾M以上,所以midi在手機和web上有很大的優勢,特別是適合做各種鈴聲,背景音樂。

標簽已經過時了,很多瀏覽器都不再支持。

無論是標准組織,還是瀏覽器廠商,都主張使用來播放音頻文件。

考慮到要求支持MIDI的廣泛呼聲,W3C有指定了一個Web MIDI API草案,但這個草案還非常新,瀏覽器還沒有支持。

為了讓midi在html5 audio上播放出來,需要動用Javascript 來處理。

我這里推薦3個非常好的Javascript實現的audio播放midi:

MIDI.js - Sequencing in Javascript.

這是一個js庫,封裝了一些接口方便web開發者調用播放mid音樂文件。

aHR0cDovL3d3dy5zaWx2ZXJsaWdodGNoaW5hLm5ldC91cGxvYWRzL2FsbGltZy8xMjA4MDIvMjIzMzA5NTQzOS0wLmpwZw==

Color Piano V2

這是一個彩色鋼琴,你可以手動彈奏,也可以自動彈奏動態加載的mid文件。

aHR0cDovL3d3dy5zaWx2ZXJsaWdodGNoaW5hLm5ldC91cGxvYWRzL2FsbGltZy8xMjA4MDIvMjIzMzA5NFU3LTEuanBn

Audiotool

這是一個強大的電子音樂合成工具了,沒有一點器樂知識的話,可能基本不懂用了,比如我。

aHR0cDovL3d3dy5zaWx2ZXJsaWdodGNoaW5hLm5ldC91cGxvYWRzL2FsbGltZy8xMjA4MDIvMjIzMzA5RUotMi5qcGc=

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值