HTML5 Audio时代的MIDI音乐文件播放 .
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音乐文件播放 .相关推荐
- java mp3转midi_java midi音乐文件播放器
您的位置:首页 - 教程 - Java - 正文 java midi音乐文件播放器 java midi音乐文件播放器 import javax.swing.*; import javax.sound. ...
- midi java_java midi音乐文件播放器
[java]代码库import javax.swing.*; import javax.sound.midi.*; import java.awt.GridLayout; import java.io ...
- MIDI应用: 播放midi音乐文件的方法 [Win32版本+ C语言版本]
播放midi音乐文件的方法 背景说明: 在游戏编程中,给程序增加音效几乎是必须的;在普通程序中增加音效也会给使用者带来更好的体验;而mid格式的音效文件体积最小(大约1k到数十k),效果却不亚于MP3 ...
- 《电脑音乐制作实战指南:伴奏、录歌、MTV全攻略》——1.7 将多个MIDI音乐文件合成为一个文件...
本节书摘来自异步社区<电脑音乐制作实战指南:伴奏.录歌.MTV全攻略>一书中的第1章,第1.7节,作者 健逗,更多章节内容可以访问云栖社区"异步社区"公众号查看. 1. ...
- php 音频顺序播放,html5 Audio多个mp3音频顺序播放
我现在用的就是单个音频一直循环播放,就想着能不能更加多样化点,于是就有了这篇文章 实现多个html5音频顺序播放,div+js window.onload = function(){ var arr ...
- Python项目实战:爬去所有相关的音乐文件播放链接
2019独角兽企业重金招聘Python工程师标准>>> 前言 现在大多数音乐网站是禁止下载音乐的,你只能按它的要求是去下载客户端,下载客户端之后,有时候你又会发现需要VIP或者是要钱 ...
- html音乐跳动的线,HTML5 Audio+Matter.js 随音乐节奏而动的踩单车杂技表演
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 var player = document.createElement('audio') player.sr ...
- html5 audio音乐播放,循环播放等9款播放器
说明 随着HTML5越来越流行,越来越规范,音频播放支持和兼容改的平台越来越多,这里找到HTML5 通过 audio 元素来提供在网页中嵌入音频的标准方法,下面这9款 HTML5 音频播放器都是基于 ...
- html在线音频播放器实训总结,HTML5音乐列表播放器SMusic开发总结
前段时间写过一篇介绍简单音乐播放器效果开发的博文<为你的博客添加简单的CSS3音乐播放器>,实现了单曲循环播放效果,这个效果也是我的博客首页一直有的效果,同时文中也介绍了一些简单的HTML ...
- html5 仿微信语音播放器,Material design风格HTML5 audio音频播放器
jAudio.js是一款基于HTML5 audio的Material design风格音频播放器jQuery插件.该音频播放器可以设置音频播放列表,每首曲子的封面,标题等,还可以控制歌曲的播放和快进, ...
最新文章
- js记录用户访问页面和停留时间
- Vue组件多次点击报错Avoided redundant navigation to current location: “/profile“.
- Spring AOP 应用篇
- 织梦重置mysql数据库密码忘记_织梦cms管理员密码忘记了怎么重置找回?
- 2019-12-18 syscall(SYS_clock_gettime, CLOCK_MONOTONIC_RAW
- 字符串加密解密函数 (C#) (转)
- 英语 没有听懂对方说什么 怎么说
- *为需要读写VRML(.wrl)文件的同志们指点一条路
- Golang + selenium 设置无头浏览器模式
- 事业单位资产管理系统广西某单位案例:实现资产动态全过程管理
- 【数学】 海 盗 埋 宝
- 创建HTML电子邮件签名的Hotmail , Gmail以及雅虎邮箱
- 工具篇——MoneyFormatUtil(用于将人民币小写金额转换成大写金额)
- C语言——相关学习资源网站及工具
- 原创短视频的美好时代,美拍连出两招加速达人变现
- ONES Talk | 我们为什么选择最难走的软件之路
- Monit的web监控界面
- android 逆向入门知识
- 背部训练(一):背部肌肉解剖
- 使用jupyter进行数据预处理-数据清洗
热门文章
- tim指定保存云服务器_腾讯 TIM 迎来重大版本更新 新增独立的云文件功能
- 洛谷试炼场 普及常见模板
- 大学生 大创 软著申请指南(图文含模板)(专用于大创,这篇就够了!纯干货!)
- matlab平衡小车数学模型PID,Simulink仿真
- python的类,复现assert和eval成功失败原因
- 爬取了bilibili站644w视频信息之后的故事。
- Chapter 6. MATLAB数值计算基础
- openGL之API学习(二零四)GL_TEXTURE_MIN_FILTER GL_TEXTURE_MAG_FILTER
- 帆软报表日期控件默认值为空
- 【宋红康 MySQL数据库 】【高级篇】【01】CentOS7下MySQL的安装与使用