HTML5+CSS3+jQuery实战/网易云音乐的分析与实现

HTML5+CSS3+jQuery实战/网易云音乐的分析与实现
共26节 2865人在学 课程详情

  • 音乐盒静态页面分析实现

    • 网易音乐盒主页的分析
    • 网易音乐盒主页的实现
    • 网易音乐盒左侧菜单栏的实现
    • 歌单信息显示的布局
    • 歌单信息显示的实现
    • transform和border-radius属性介绍
    • 播放控制按钮的分析与实现
    • 播放进度条的分析与实现
    • 歌曲信息列表显示的分析与实现

  • 歌单列表的实现

    • 歌单列表静态样式完善
    • 歌单列表数据的获取
    • 表格DOM操作
    • 歌单列表数据显示

  • 歌曲播放的控制

    • audio标签使用
    • 歌曲播放与暂停的实现
    • 上一首下一首歌曲播放的实现
    • 歌曲双击播放自动播放的实现
    • 进度条播放进度更新的实现
    • 播放进度条拖动的实现
    • 拖动进度条播放歌曲的实现
    • 缓冲进度条更新的实现

  • 歌曲详情页的实现

    • 海报窗口遮罩层的实现
    • 详情页的隐藏和显示
    • 唱片旋转的实现
    • 歌词显示的实现
    • 歌词同步滚动的实现

    订阅失败

    HTML5+CSS3+jQuery实战/网易云音乐的分析与实现
    HTML5+CSS3+jQuery实战/网易云音乐的分析与实现 ...

    订阅列表已满，请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！
    提交答案

    购买课程

    扫码完成付费，可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    拖动进度条播放歌曲的实现

    课程介绍

    本课程使用H5、CSS3、jQuery模仿网易云音乐实现页面静态布局、歌单列表的获取显示、歌曲播放、上一首下一首歌曲切换、播放/缓冲进度条的更新、歌词的获取与显示，歌曲播放歌词同步滚动、磁盘旋转等功能的实现。主要使用H5中多媒体<audio>标签，CSS3中transition、animation、transform等动画效果结合jQuery完成用户界面交互。本课程作者联络 QQ:494657271
    推荐课程
    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    程序员研修院 v1.1.0
    一、播放器优化
    修改播放器默认倍速设置，增加1.25倍速
    调整目录展示形式，增加折叠/展开
    优化播放器的使用体验，有播放问题可以点击播放页内的”反馈“提交问题
    查看全部版本记录
    课件正在飞速打包中，请耐心等待几秒钟～