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

Add fallback routine to call .load() every 15 seconds if a video fails to load

Browse source
This commit is contained in:
Alex Liebowitz 2016-05-05 08:10:19 -04:00
parent c74629f5d3
commit e5e4802143
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
js/page/watch.js
View file

@ -18,6 +18,15 @@ var WatchPage = React.createClass({
componentDidMount: function() {
lbry.getStream(this.props.name);
this.updateLoadStatus();
setTimeout(() => { this.reloadIfNeeded() }, 15000);
},
reloadIfNeeded: function() {
// Fallback option for loading problems: every 15 seconds, if the video hasn't reported being
// playable yet, ask it to reload.
if (!this.state.readyToPlay) {
console.log("Trying again");
this._video.load()
}
},
onCanPlay: function() {
this.setState({
@ -39,6 +48,7 @@ var WatchPage = React.createClass({
loadStatusMessage: "Buffering",
downloadStarted: true,
});
setTimeout(() => { this.reloadIfNeeded() }, 15000);
}
});
},
@ -50,7 +60,7 @@ var WatchPage = React.createClass({
// When the video is actually ready to play, the loading text is hidden and the video shown.
var video = <video src={"/view?name=" + this.props.name} style={videoStyle}
className={this.state.readyToPlay ? '' : 'hidden'} controls
onCanPlay={this.onCanPlay} />;
onCanPlay={this.onCanPlay} ref={(video) => {this._video = video}}/>;
}
return (