LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Issue #253 mp3 audio seek fix

Browse source
This commit is contained in:
Akinwale Ariwodola 2017-07-02 11:09:26 +01:00
parent f6ad6e7ba7
commit c111af6579
1 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
ui/js/component/video/internal/player.jsx
View file

@ -16,11 +16,31 @@ class VideoPlayer extends React.PureComponent {
} }
componentDidMount() { componentDidMount() {
const component = this;
const container = this.refs.media; const container = this.refs.media;
const { mediaType } = this.props; const { downloadPath, mediaType } = this.props;
const loadedMetadata = e => { const loadedMetadata = e => {
this.setState({ hasMetadata: true, startedPlaying: true }); const media = this.refs.media.children[0];
this.refs.media.children[0].play(); if ("audio" === media.tagName.toLowerCase()) {
// Load the entire audio file so that the length is available before playing
let xhr = new XMLHttpRequest();
const xhrLoaded = () => {
if (xhr.status === 200) {
media.src = URL.createObjectURL(xhr.response);
this.setState({ hasMetadata: true, startedPlaying: true });
media.play();
}
};
xhr.open("GET", downloadPath, true);
xhr.onload = xhrLoaded.bind(this);
xhr.responseType = "blob";
xhr.send();
} else {
this.setState({ hasMetadata: true, startedPlaying: true });
media.play();
}
}; };
const renderMediaCallback = err => { const renderMediaCallback = err => {
if (err) this.setState({ unplayable: true }); if (err) this.setState({ unplayable: true });
@ -66,8 +86,7 @@ class VideoPlayer extends React.PureComponent {
}, },
}; };
} }
*playableType() {
playableType() {
const { mediaType } = this.props; const { mediaType } = this.props;
return ["audio", "video"].indexOf(mediaType) !== -1; return ["audio", "video"].indexOf(mediaType) !== -1;