HTML5 Audio时代的MIDI音乐文件播放 .

时间:2012-08-02 22:32来源:CSDN 作者:cuixiping 点击:251次

http://www.silverlightchina.net/html/HTML_5/study/2012/0802/17854.html

大家都知道,HTML5 Audio标签能够支持wav, webm, mp3, ogg, acc等格式,但是有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持,因为mid文件并不像其他声音文件那样记录声音的采样信息,而是记录了乐器的演奏指令,二者的原理截然不同。 mid文件格式的最突出的有点是文件极小,几分钟的音乐可能只
  
  大家都知道,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
  这是一个强大的电子音乐合成工具了,没有一点器乐知识的话,可能基本不懂用了,比如我。
  

  本文来自cuixiping的博客,原文地址:http://blog.csdn.net/cuixiping/article/details/7826138

HTML5 Audio时代的MIDI音乐文件播放 .相关推荐

  1. java mp3转midi_java midi音乐文件播放器

    您的位置:首页 - 教程 - Java - 正文 java midi音乐文件播放器 java midi音乐文件播放器 import javax.swing.*; import javax.sound. ...

  2. midi java_java midi音乐文件播放器

    [java]代码库import javax.swing.*; import javax.sound.midi.*; import java.awt.GridLayout; import java.io ...

  3. MIDI应用: 播放midi音乐文件的方法 [Win32版本+ C语言版本]

    播放midi音乐文件的方法 背景说明: 在游戏编程中,给程序增加音效几乎是必须的;在普通程序中增加音效也会给使用者带来更好的体验;而mid格式的音效文件体积最小(大约1k到数十k),效果却不亚于MP3 ...

  4. 《电脑音乐制作实战指南:伴奏、录歌、MTV全攻略》——1.7 将多个MIDI音乐文件合成为一个文件...

    本节书摘来自异步社区<电脑音乐制作实战指南:伴奏.录歌.MTV全攻略>一书中的第1章,第1.7节,作者 健逗,更多章节内容可以访问云栖社区"异步社区"公众号查看. 1. ...

  5. php 音频顺序播放,html5 Audio多个mp3音频顺序播放

    我现在用的就是单个音频一直循环播放,就想着能不能更加多样化点,于是就有了这篇文章 实现多个html5音频顺序播放,div+js window.onload = function(){ var arr ...

  6. Python项目实战:爬去所有相关的音乐文件播放链接

    2019独角兽企业重金招聘Python工程师标准>>> 前言 现在大多数音乐网站是禁止下载音乐的,你只能按它的要求是去下载客户端,下载客户端之后,有时候你又会发现需要VIP或者是要钱 ...

  7. html音乐跳动的线,HTML5 Audio+Matter.js 随音乐节奏而动的踩单车杂技表演

    JavaScript 语言: JaveScriptBabelCoffeeScript 确定 var player = document.createElement('audio') player.sr ...

  8. html5 audio音乐播放,循环播放等9款播放器

    说明 随着HTML5越来越流行,越来越规范,音频播放支持和兼容改的平台越来越多,这里找到HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法,下面这9款 HTML5 音频播放器都是基于 ...

  9. html在线音频播放器实训总结,HTML5音乐列表播放器SMusic开发总结

    前段时间写过一篇介绍简单音乐播放器效果开发的博文<为你的博客添加简单的CSS3音乐播放器>,实现了单曲循环播放效果,这个效果也是我的博客首页一直有的效果,同时文中也介绍了一些简单的HTML ...

  10. html5 仿微信语音播放器,Material design风格HTML5 audio音频播放器

    jAudio.js是一款基于HTML5 audio的Material design风格音频播放器jQuery插件.该音频播放器可以设置音频播放列表,每首曲子的封面,标题等,还可以控制歌曲的播放和快进, ...

最新文章

  1. js记录用户访问页面和停留时间
  2. Vue组件多次点击报错Avoided redundant navigation to current location: “/profile“.
  3. Spring AOP 应用篇
  4. 织梦重置mysql数据库密码忘记_织梦cms管理员密码忘记了怎么重置找回?
  5. 2019-12-18 syscall(SYS_clock_gettime, CLOCK_MONOTONIC_RAW
  6. 字符串加密解密函数 (C#) (转)
  7. 英语 没有听懂对方说什么 怎么说
  8. *为需要读写VRML(.wrl)文件的同志们指点一条路
  9. Golang + selenium 设置无头浏览器模式
  10. 事业单位资产管理系统广西某单位案例:实现资产动态全过程管理
  11. 【数学】 海 盗 埋 宝
  12. 创建HTML电子邮件签名的Hotmail , Gmail以及雅虎邮箱
  13. 工具篇——MoneyFormatUtil(用于将人民币小写金额转换成大写金额)
  14. C语言——相关学习资源网站及工具
  15. 原创短视频的美好时代,美拍连出两招加速达人变现
  16. ONES Talk | 我们为什么选择最难走的软件之路
  17. Monit的web监控界面
  18. android 逆向入门知识
  19. 背部训练(一):背部肌肉解剖
  20. 使用jupyter进行数据预处理-数据清洗

热门文章

  1. tim指定保存云服务器_腾讯 TIM 迎来重大版本更新 新增独立的云文件功能
  2. 洛谷试炼场 普及常见模板
  3. 大学生 大创 软著申请指南(图文含模板)(专用于大创,这篇就够了!纯干货!)
  4. matlab平衡小车数学模型PID,Simulink仿真
  5. python的类,复现assert和eval成功失败原因
  6. 爬取了bilibili站644w视频信息之后的故事。
  7. Chapter 6. MATLAB数值计算基础
  8. openGL之API学习(二零四)GL_TEXTURE_MIN_FILTER GL_TEXTURE_MAG_FILTER
  9. 帆软报表日期控件默认值为空
  10. 【宋红康 MySQL数据库 】【高级篇】【01】CentOS7下MySQL的安装与使用