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

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

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
我的react js安装失败了
因为老师用的是旧版的React,所以所用的API跟现在的版本不大相同,大家留意下就好。
4 个长度的缩进就算了,还是 tab 缩进。
只需要
$('#player').jPlayer( "playHead", progress*100 );
就够了
评论不能改动,有没有大佬能说一下为什么
$('#player').jPlayer( "playHead", progress*100 );
this.progress = progress
听了要做什么之后,先去写写看,居然实现了,再继续看视频才是最骚的
辛辛苦苦照着一路做下来到这儿就是在跟不上了,感觉漏听了一节课一样,对于初学者来说跳跃幅度那么大,坑比课程
视频应该是被剪后的

最新回答 / haibao
试试把:import Root from './Root'; 改成: import { Root } from './Root';
暂停时调整进度会继续播放解决方案。暂停时也能调整进度。
progressChangeHandler(progress){
if(this.state.isPlay){
$('#player').jPlayer('play', duration * progress); //play调用了timeupdate,导致state更改,ui更改
}else{
$('#player').jPlayer('play', duration * progress);
$('#player').jPlayer('pause');
}

}
音乐不能播放,没找到原因
终于完成了,谢谢老师!!!
完全不会感觉很难
https://github.com/junhey/React-Music-Player 解决了一些bug,实现完整的音乐播放器。
https://github.com/junhey/React-Music-Player

最新回答 / qq_颜色不一样的烟火_2
找到了,progress.js里面的changeProgress方法里应该是this.props.onProgressChange && this.props.onProgressChange(progress);
课程须知
1、有一定的前端开发经验 2、熟悉HTML、CSS,精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法
老师告诉你能学到什么?
1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消