Web Audio Api获取音乐频率演示

使用的canvas库是我的COL,参考刘哇勇的部落格基于Web Audio API实现的音频可视化效果(被我翻译了一部分)完成。

食用方法:点选择文件放首歌进去,或者把歌拖到选择文件的框上面。

请确保你的浏览器最新!(经测试只有chrome和firefox支持良好)

经测试2,把<我的滑板鞋>放入其中观看效果更佳!

在新页面中打开旧版
在新页面中打开新版
精心特制的coding参赛作品

更新:新版中更换了节奏判断方法,去掉了扩散圈(太难控制。。。),加入了星星和波形显示.



本文发布于 https://luojia.me

本站文章未经文下加注授权不得拷贝发布。

0 0 投票数
打分
订阅评论
提醒
guest
19 评论
内联反馈
查看所有评论
狱血阿修罗
游客
9 年 前

表示只会操作dom来实现各种效果,请问下@佳佳菌。如果要显示这个功能需要哪些知识?

狱血阿修罗
游客
9 年 前
回复给  罗佳(博主)

有什么好的学习html5的canvas的书或文章吗?求推荐下

狱血阿修罗
游客
9 年 前
回复给  罗佳(博主)

canvas api和web audio api和file api?

honeyshine75
游客
9 年 前

厉害啊

JokerQyou
游客
9 年 前

Wow, 厉害

ian
游客
ian
9 年 前

厉害 macbook大奖

Mooction
游客
9 年 前

已经帅哭

Aries
游客
9 年 前

相当帅气

Pang
游客
Pang
10 年 前

效果太炫酷了。

DIYgod
游客
10 年 前

好高级啊Σ(っ °Д °;)っ

DIYgod
游客
10 年 前
回复给  罗佳(博主)

不是主题的问题…服务器的问题..现在貌似好点了ღ(๑╯◡╰๑ღ)