blumia/private-music-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix audio promise error

Browse Source
This commit is contained in:
Zijin Xiao 2017-02-13 20:38:40 +08:00
parent 63a704e49c
commit 6e1c6a5dd1
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
player.jsx
View File

@ -40,7 +40,6 @@ class Player extends React.Component {
loop: false,
order: false,
playIcon: 'caret-right',
percent: 0,
curTime: 0,
totTime: 0,
data: [],
@ -57,7 +56,7 @@ class Player extends React.Component {
this.audio = document.getElementsByTagName('audio')[0];
this.fetchPlaylist();
this.audio.ontimeupdate = () => {
this.setState({curTime: this.audio.currentTime, totTime: this.audio.duration, percent: this.audio.currentTime * 1.0 / this.audio.duration * 100.0});
this.setState({curTime: this.audio.currentTime, totTime: this.audio.duration});
};
this.audio.onpause = () => {
this.setState({playIcon: 'caret-right'});
@ -102,8 +101,10 @@ class Player extends React.Component {
this.audio.pause();
this.audio.src = this.state.source + this.currentFolder + '/' + filename;
this.audio.load();
this.audio.oncanplay = () => {
this.audio.play();
this.setState({playing: filename});
}
};
onRowClick = (record,index) => {
this.audio.pause();
@ -169,11 +170,11 @@ class Player extends React.Component {
};
onProgressChange = (value) => {
this.audio.currentTime = value;
this.setState({percent: value * 1.0 / this.state.totTime,curTime: value});
this.setState({curTime: value});
};
onAfterChange = (value) => {
this.audio.currentTime = value;
this.setState({percent: value * 1.0 / this.state.totTime,curTime: value});
this.setState({curTime: value});
};
render() {
return (