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

使用React构建一款音乐播放器

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
抢个小板凳
楼上的,你的module写错了,不要加多余的引号。
谢谢老师,照着老师的思路,完成了播放器 : https://github.com/dcison/React-Music-Player(
随机,顺序,单曲功能也完成了,虽然还有小bug),顺便卖一下广告,自己搭建的webpack脚手架(https://coding.net/u/Dcison/p/webpack/git)23333333ヾ(✿゚▽゚)ノ
webpack需全局安装。
老师讲的太棒了
redux英 ['riːdʌks]美 ['ridʌks]
adj. 回来的,回家的
更多释义>>
[网络短语]
Redux 右芬氟拉明,回来的,终极版
Squirmee REDUX 拯救粉红妹妹
Manifesto Redux 唱片名
我找了半天才找到错误,id为player的id,
好像很不错的样子

已采纳回答 / 慕粉3732965
你在player.js中,处理音量的方法中,加上this.setState()方法来更新volume值即可。changeVolumeHandler(progress) {        $('#player').jPlayer('volume', progress);        this.setState({            volume: progress * 100        })    },因为react是数据驱动的,只要更新state状态就会触发重新渲染UI。视频中的写法,“要再次点...
感谢,讲得很好!!

讲师回答 / musiq
栅格系统是需要引入css的,课程中没有具体实现这部分,是我直接写好的引入的,你需要到课程的github下载代码引用进来。注意下index.html文件中的<link rel="stylesheet" type="text/css" href="/static/css/common.css">common.css中有栅格系统的实现
喜欢这种小项目实战,做一个播放器,代码写得累了可以听听~
有一个小小的BUG,当在列表页删除当前正在播放的歌曲时;播放页仍然在播放刚刚删除的歌曲,解决方案:
在DELETE_MUSIC这个订阅里加上这一段即可
if(this.state.currentMusicItem === musicItem){
this.playNext(&#039;next&#039;);
}
感谢支持和鼓励 :)
@GapYear 正解, 解绑应该是$(&#039;#player&#039;)而非$(&#039;#jPlayer&#039;),是个书写错误
课程须知
1、有一定的前端开发经验 2、熟悉HTML、CSS,精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法
老师告诉你能学到什么?
1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消