为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5音乐可视化

Doving Web前端工程师
难度中级
时长 2小时 0分
学习人数
综合评分9.73
33人评价 查看评价
10.0 内容实用
9.6 简洁易懂
9.6 逻辑清晰
讲的几把啥,太乱了,还不如不讲了
在频谱中,偶数项的振幅都是振幅为0的正弦波,这刚好对应了数字信号的0,我们只取非0的那一部分操作和分析,所以音频频域的个数是FFT值的一半
居然有快速傅里叶变换,哈哈
列表选择那个,可以使用缓存当前选择项的方式来切换,这样性能要好上许多,不过要注意使用闭包,不然最后每个对象获取到的i值都是一样的
老师,可不可以在前端用url以字符串的形式得到歌曲的ArrayBuffer,然后再进行解码。我对后台不熟,不想用后台,我只想掌握音乐可视化本身的内容
Node.js搭建的后台啊,通过npm获取express框架,express就相当于PHP的ThingPHP,Python的Django一样的框架,然后通过npm install安装依赖包后就可以创建应用了,这里用的是ejs的模板引擎,有点类似于PHP中的<? PHPcode ?>,routes就相当于controller,views就是view,程序入口在app.js,这就是个简单的后端应用结构
6到不行。
但是这样做,不是很占内存么
感觉html5自带的audio标签,只是将这些底层代码写好了,只要我们调用就可以了。
我发现视频播放的时候
你把鼠标移到视频中间,会有一小块区域抖动
老师辛苦了,太感谢了。之前用processing做过音乐可视化效果,只是放到页面上,得要java插件,太不方便了。
11月份我又来了,现在能听懂了!
课程须知
本课程是前端高级课程,您需要具备下以知识: 1、掌握前端 HTML,CSS,JS 的基础知识。 2、如果您能掌握一点 node 和 Canvas 的知识,对课程学习会有很大帮助。 3、如果您没有以上知识,可以先学习平台中的相关课程。 4、如果您已了解 webAudio 相关API,那一起来交流吧!
老师告诉你能学到什么?
1、使用node快速构建服务端 2、使用CSS构建响应式前端界面 3、使用webAudio操作分析音频数据 4、使用Canvas可视化数据

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消