import React from 'react'; import FilePrice from 'component/filePrice' import Link from 'component/link'; import Modal from 'component/modal'; class VideoPlayButton extends React.Component { onPurchaseConfirmed() { this.props.closeModal() this.props.startPlaying() this.props.loadVideo(this.props.uri) } onWatchClick() { this.props.purchaseUri(this.props.uri).then(() => { if (!this.props.modal) { this.props.startPlaying() } }) } render() { const { button, label, className, metadata, metadata: { title, }, uri, modal, closeModal, isLoading, costInfo, fileInfo, } = this.props /* title={ isLoading ? "Video is Loading" : !costInfo ? "Waiting on cost info..." : fileInfo === undefined ? "Waiting on file info..." : "" } */ return (
{modal} { this.closeModal() }}> You don't have enough LBRY credits to pay for this stream. This will purchase {title} for credits. { this.closeModal() }} contentLabel="Timed Out"> Sorry, your download timed out :(
); } } const plyr = require('plyr') class Video extends React.Component { constructor(props) { super(props) this.state = { isPlaying: false } } startPlaying() { this.setState({ isPlaying: true }) } render() { const { metadata, isLoading, isDownloading, fileInfo, } = this.props const { isPlaying = false, } = this.state const isReadyToPlay = fileInfo && fileInfo.written_bytes > 0 let loadStatusMessage = '' if (isLoading) { loadStatusMessage = "Requesting stream... it may sit here for like 15-20 seconds in a really awkward way... we're working on it" } else if (isDownloading) { loadStatusMessage = "Downloading stream... not long left now!" } return (
{ isPlaying || isLoading ? (!isReadyToPlay ? this is the world's worst loading screen and we shipped our software with it anyway...

{loadStatusMessage}
: ) :
}
); } } class VideoPlayer extends React.Component { componentDidMount() { const elem = this.refs.video const { autoplay, downloadPath, contentType, } = this.props const players = plyr.setup(elem) if (autoplay) { players[0].play() } } render() { const { downloadPath, contentType, poster, } = this.props return ( ) } } export default Video