使用React构建一款音乐播放器_技术问答

首页免费课使用React构建一款音乐播放器问答

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

全部评论问答未解决精华

musiq

@GapYear 正解，解绑应该是$('#player')而非$('#jPlayer')，是个书写错误

3 3-4 进度条组件完善（1）

2017-08-11

musiq

谢谢大家的支持和鼓励

51 4-1 课程总结

2017-08-11

musiq

@dsdyjp https://github.com/xiaolin3303/react-music-player

0 2-1 Webpack学习

2017-08-11

musiq

确实是，应该在index.html的div#root后面增加一个div#player
即
<div id="root"></div>
<div id="player"></div>

似乎被意外剪掉了

4 3-3 React组件初识及jPlayer插件了解

2017-08-11

ChenNick

挺良心的，没收费

3 1-1 音乐播放器效果预览

2017-08-11

jPlayer 不是一个function

讲师回答 / musiq

把代码和错误都贴出来下

2 回答 985 浏览 3-3 React组件初识及jPlayer插件了解

2017-08-11

qq_蓝皮鼠_0

讲得很好，感谢老师！

0 4-1 课程总结

2017-08-11

如何安装该项目环境

最新回答 / Apeng0_0

遇到错误起码要把错误贴出来。不然别人哪里知道你错在哪里啊？

1 回答 734 浏览

2017-08-11

dsdyjg

源码从哪里下载

1 2-1 Webpack学习

2017-08-11

林白丁

不知道该配置哪些依赖...要是能顺便提一下就好了..自己尝试的时候总不能直接ctrlc，ctrlv..

1 2-1 Webpack学习

2017-08-11

知己_0719

楼上的同学棒棒的，不过可能拖动滚动条的时候用户是希望自动播放的，可以在progressChangeHandler函数里加上 this.setState({ isPlay: true}); 可以避免暂停按钮的bug

8 3-6 播放器播放控制UI及逻辑开发

2017-08-10

知己_0719

写到后面踩坑了，发现还是老师的写法最可靠
let settedProgress = (e.screenX - this.refs.propgressBar.getBoundingClientRect().left) / this.refs.propgressBar.clientWidth;

0 3-5 进度条组件完善（2）

2017-08-10

只剩下渣

还在用creatClass...官方不是说下个版本要删除的嘛？

2 3-1 header组件开发

2017-08-10

知己_0719

好吧，用e.target会有bug，有时候会获取.progress这个DOM，必须保证是父元素的DOM
setProgress(e) {
let settedProgress = e.pageX / this.refs.propgressBar.clientWidth;
this.props.setProgress(settedProgress);
}

0 3-5 进度条组件完善（2）

2017-08-10

知己_0719

setProgress(e) {
let settedProgress = e.pageX / e.target.clientWidth;
this.props.setProgress(settedProgress);
}

0 3-5 进度条组件完善（2）

2017-08-10

知己_0719

let settedProgress = e.pageX / e.target.clientWidth * 100;

0 3-5 进度条组件完善（2）

2017-08-10

首页上一页 31 32 33 34 35 36 37 下一页尾页

该课程已下架

课程须知: 1、有一定的前端开发经验 2、熟悉HTML、CSS，精通JavaScript 3、对前端工程化有一定的了解 4、了解ES6一些基本语法

老师告诉你能学到什么？: 1、webpack的配置 2、开发环境的搭建 3、React与传统开发的理念差异 4、组件化开发 5、React-Router的使用 6、事件订阅及通信 7、一些最佳实践

微信扫码，参与3人拼团

热搜

最近搜索清空