首页
标准版
本帖最后由 ladace 于 2012-6-27 09:37 编辑
IE和Safari不能用
可用的浏览器有：Chrome，Firefox，Opera。
传送门：http://godhatesnerds.net/lab/gadgets/piano/
声音是程序生成的，所以不需要载入声音，一般来说载入会比较快。……载入慢是因为我用的那家网络服务商的网速比较慢= =
其实本来想做的更远的……结果发现IE和Safari不能支持，就放弃了……
技术细节：使用HTML的audio tag，将src的域附上dataURI(http://en.wikipedia.org/wiki/Data_URI_scheme )形式的值，即用文本去编码一个文件直接嵌入到网页里，而文本是程序算出来的。即用程序生成波形编码成wav嵌入到网页中，但是IE和Safari不支持wav的audio，就跪了……
有个人写了个好用的库，这里：http://codebase.es/riffwave/
更新：加入键盘支持，至于音嘛，在ZXC和QWE附近找吧……（有黑键）
围观来
岳母泥嚎，好赞！！！！！！！！
ladace 发表于 2012-6-27 01:05为了好听，是正弦波的叠加生成波形。
首先根据A音的频率220HZ加上十二平均律确定每个音的基频。
每个音的 ...
@113#SOGA @27#这下懂了
明镜若止水 发表于 2012-6-27 00:50请问下生成声音 是怎么确定音色的
为了好听，是正弦波的叠加生成波形。
首先根据A音的频率220HZ加上十二平均律确定每个音的基频。
每个音的波形是基频的正弦波，加上基频整数倍的正弦波（泛音）组成。
而这些正弦波的相对幅度大小和相位以及幅度的衰减快慢不同就形成了不同的音色。
戴米-喪師藝體生 发表于 2012-6-27 00:49好帅！真是厉害，麻烦问一下 可以弄成键盘安哪个弹哪个么？《-----嘛嘛 不知道，随便问问~ ...
可以……
要今天改吗？@42#
又要晚点碎了……
ladace 发表于 2012-6-27 00:49明天再加上俩功能好了~
键盘操作和音色简单编辑……
请问下生成声音 是怎么确定音色的
#7193!好帅！真是厉害，麻烦问一下 可以弄成键盘安哪个弹哪个么？《-----嘛嘛 不知道，随便问问~
明镜若止水 发表于 2012-6-27 00:43能加上让键盘操作就好了，生成声音神马的一直不懂
明天再加上俩功能好了~
键盘操作和音色简单编辑……
@57#能加上让键盘操作就好了，生成声音神马的一直不懂
moezero 发表于 2012-6-27 00:30以后我就拿这个来想旋律了
@42#压力好大= =这音色有点难听……我可以再调调……
其实我觉得只能手动弹奏想旋律还是很辛苦……最好有能够提供和弦伴奏的，点击和弦名称什么的直接换成那个和弦的伴奏，然后另一边还可以弹……不过还没想好……交互上有什么需求和想法的话在乐器宅发帖讨论讨论~@76#
哇咔咔~我开了，好有爱~
然后按了个小星星- -
我貌似只会这个……还按错了几个音
一般是用默认浏览器，对这些也没有特殊执着
只是不是很懂这些浏览器之间有什么不同……
电白一个，默……
$18$以后我就拿这个来想旋律了
ladace 发表于 2012-6-27 00:22嘛~能让人学会不用IE上网，也算是做件好事【我好大言不惭……
我对用什么浏览器上网几乎一窍不通……
好……没技术的感觉……
离阿花 发表于 2012-6-27 00:17还好啦~
反正也不会占多大地方
给个机会围观下嘛>///
嘛~能让人学会不用IE上网，也算是做件好事【我好大言不惭……
本帖最后由 ladace 于 2012-6-27 00:23 编辑
幽梦之影 发表于 2012-6-27 00:15可以啊~~就用鼠标戳就可以 但是可能就是只有单音的调子╮(╯▽╰)╭
@59#好像是可以~~坐等~
我在考虑下一步用flash搞……
不要用小众的HTML5了……！
ladace 发表于 2012-6-27 00:16感动啊~为了这个下个浏览器~
推荐Chrome
还好啦~
反正也不会占多大地方
给个机会围观下嘛>///<
