百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

仿豆瓣音乐播放器

困难

人数160人在学习该课程,有67人已经完成该课程

时间平均用时3.3

关键词audio

课程概述

作业提交截止时间:04-24

任务目的

● 练习综合运用HTML、CSS、JavaScript实现功能
● 熟悉 html5 audio 使用
● 应用的整体架构设计

任务描述

● 模仿豆瓣音乐播放器,编写基于 html5的音乐播放器
● 顺序播放音乐列表支持循环,播放,暂停,快进,声音大小控制
● 有封面图片展示以及歌曲名称
● 音乐文件可以是本地或者来自网络
● 界面尽量做到简洁整齐不必和豆瓣界面一样

任务注意事项

● 可以使用 Jquery 等类库开发
● 代码关键处必须要有注释
● 布局可以使用 bootstrap 等css 布局框架
● 尽量做到控制和数据分离
● 兼容最新 chrome 浏览器即可

在线学习参考资料

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio

学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~