HTML5音乐可视化分类：公益民间公益
价格：免费
总课时：16 课时
购买人数：1
限购人数：10
开课时间：2015年05月01日-2015年05月15日
担保期：14天
课程安排
fengyuan
ID：600604
+关注
隶属机构平台讲师：
答疑数：6
满意度：100%
课程数：
5
满意度：100.00%
留言
报名支付
课程安排
课时安排
学生评价
课件
服务保障
课程通知（0）
课程说明
单纯的音乐播放是否过于单调，在听音乐的同时如果也能看见音乐是否更加带感。本课程将带领你使用webAudio和canvas将你的音乐以你喜欢的形式可视化出来，让你的音乐动起来。
适宜人群
本课程是前端高级课程，您需要具备下以知识:
1、掌握前端 HTML，CSS，JS 的基础知识。
2、如果您能掌握一点 node 和 Canvas 的知识，对课程学习会有很大帮助。
3、如果您没有以上知识，可以先学习平台中的相关课程。
4、如果您已了解 webAudio 相关API，那一起来交流吧!
教学目标
1、使用node快速构建服务端
2、使用CSS构建响应式前端界面
3、使用webAudio操作分析音频数据
4、使用Canvas可视化数据
课程特色
1、使用node快速构建服务端
2、使用CSS构建响应式前端界面
3、使用webAudio操作分析音频数据
4、使用Canvas可视化数据
|
阶段名称
|
阶段课时
|
开课时间
|
结束时间
|
|
1-1 课程介绍 (07:23)
|
1
|
2015-05-01 08:00
|
2015-05-01 13:00
|
|
2-1 构建应用前后端 (10:37)
|
1
|
2015-05-02 08:00
|
2015-05-02 12:00
|
|
2-2 ajax请求服务端音频资源数据 (06:26)
|
1
|
2015-05-03 08:00
|
2015-05-03 12:00
|
|
2-3 解码并播放音频资源 (09:10)
|
1
|
2015-05-04 14:00
|
2015-05-04 18:00
|
|
2-4 添加音量控制 (04:11)
|
1
|
2015-05-05 08:00
|
2015-05-05 11:00
|
|
2-5 播放bug修复 (06:20)
|
1
|
2015-05-06 14:00
|
2015-05-06 18:00
|
|
3-1 分析音频资源（一） (05:29)
|
1
|
2015-05-07 08:00
|
2015-05-07 13:00
|
|
3-2 分析音频资源（二） (07:11)
|
1
|
2015-05-08 14:00
|
2015-05-08 18:00
|
|
3-3 利用canvas将音乐数据可视化（柱状图） (08:27)
|
1
|
2015-05-09 08:00
|
2015-05-09 14:00
|
100%
满意度
|
好评（100%）：
中评（0%）：
差评（0%）：
|
您可以对完成的课程进行评价
现在去评价
|
1、使用node快速构建服务端
2、使用CSS构建响应式前端界面
3、使用webAudio操作分析音频数据
4、使用Canvas可视化数据
暂无通知