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音樂文件。

Color Piano V2

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

Audiotool

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

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

html音乐播放器代码自动,html5 css3音乐播放器代码
特效描述:html5 css3 音乐播放器代码.html5 css3音乐播放器代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码标题歌手 00:00/00:00 var music ...
仿网易云音乐html代码,仿网易云音乐外链播放器UI的HTML5音乐播放器插件
简要教程 APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件.APlayer音乐播放器可以自定义歌曲封面,可以自定义同步歌词等,界面时尚大方,是一款非常好的HTML5音乐播放器插 ...
html5自动播放音乐外链,仿网易云音乐外链播放器UI的HTML5音乐播放器插件
APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件.APlayer音乐播放器可以自定义歌曲封面,可以自定义同步歌词等,界面时尚大方,是一款非常好的HTML5音乐播放器插件. 安装 ...
html5在线音乐列表播放器,简洁的html5 mp3列表音乐播放器代码
特效描述:简洁的html5 mp3列表音乐播放器代码.html5网页音乐播放器,mp3播放器,简洁音乐播放器代码结构 1. 引入CSS 2. 引入JS 3. HTML代码标题歌手 00:00/0 ...
HTML5期末大作业：在线音乐播放器网站设计——html5全屏的音乐列表播放器页面源码 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设
HTML5期末大作业:在线音乐播放器网站设计--html5全屏的音乐列表播放器页面源码 HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设 ...
带倍速播放的播放器_带有HTML5的MP3播放器
带倍速播放的播放器 MP3 Player with HTML5 In you are a beginner in HTML5 and you are looking for new knowledge ...
html5 mp3播放器源码,HTML5自定义mp3播放器源码
audio对象 src兼容.ogg .wav .mp3 width autoplay loop muted静音播放play() var myAudio = new Audio(); myAudio. ...
开源ckplayer 网页播放器，跨平台 html5 mobile ，flv f4v mp4 rtmp协议
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 开源ck ...
开源ckplayer 网页播放器，跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！
开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ! 博客分类: Javascript /Jque ...

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

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

最新文章

热门文章