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

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

musiq Web前端工程师
难度中级
时长 2小时39分
学习人数
综合评分9.33
41人评价 查看评价
9.4 内容实用
9.3 简洁易懂
9.3 逻辑清晰
webpack-dev-server 就可以热更新 为什么还要用 hot-loader ?
加个唱片旋转,pause同时暂停
#player-cover
{
position:relative;
animation-name:myfirst;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-play-state:running;
}

0% {left:0px; top:0px;}
25% {-webkit-transform: rotate(90deg);}
。。。
卡在了奇怪的地方,Unexpected token import
大结局前知道了player的div放在哪
视频中webpack的版本应该是老版,目测2.6左右,目前3.5版的配置写法还是有很大差异,大家注意一下
我想看预览效果
我的react js安装失败了
因为老师用的是旧版的React,所以所用的API跟现在的版本不大相同,大家留意下就好。
4 个长度的缩进就算了,还是 tab 缩进。
只需要
$('#player').jPlayer( "playHead", progress*100 );
就够了
评论不能改动,有没有大佬能说一下为什么
$('#player').jPlayer( "playHead", progress*100 );
this.progress = progress
听了要做什么之后,先去写写看,居然实现了,再继续看视频才是最骚的
辛辛苦苦照着一路做下来到这儿就是在跟不上了,感觉漏听了一节课一样,对于初学者来说跳跃幅度那么大,坑比课程
视频应该是被剪后的
暂停时调整进度会继续播放解决方案。暂停时也能调整进度。
progressChangeHandler(progress){
if(this.state.isPlay){
$('#player').jPlayer('play', duration * progress); //play调用了timeupdate,导致state更改,ui更改
}else{
$('#player').jPlayer('play', duration * progress);
$('#player').jPlayer('pause');
}

}
课程须知
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
提交
取消