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

HTML5音乐可视化

Doving Web前端工程师
难度中级
时长 2小时 0分
学习人数
综合评分9.73
33人评价 查看评价
10.0 内容实用
9.6 简洁易懂
9.6 逻辑清晰
列表选择那个,可以使用缓存当前选择项的方式来切换,这样性能要好上许多,不过要注意使用闭包,不然最后每个对象获取到的i值都是一样的

最新回答 / 迷途的马尔斯
这位老师主要讲的前端部分,没有讲后端的处理,后端得到数据后无非只是进行查询操作

最赞回答 / qq_挺问中原_0
可以先使用input[type=file]获取本地音乐,再用html5的fileReader接口读取为二进制码流
老师,可不可以在前端用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标签,只是将这些底层代码写好了,只要我们调用就可以了。

已采纳回答 / wslover
直接用浏览器就可以看到效果呀,可以看看我写的点击这里看效果
我发现视频播放的时候
你把鼠标移到视频中间,会有一小块区域抖动

最新回答 / 莫言寒会冷吗
用google Chrome 的浏览器 按F12在左边有一个类似手机的图标,点击可以设置IOS 各种移动设备的显示

最赞回答 / Perona
看doctype的声明即可。一般来说现在主流的浏览器都能支持html5,不过支持的情况不一样。低版本的IE不支持。
老师辛苦了,太感谢了。之前用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
提交
取消