diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-12-15 21:32:51 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-12-15 21:32:51 +0100 |
| commit | e0b0b2f976c61225a178c7715caf2656a1f6741f (patch) | |
| tree | 78a0e5c861462822d212c065f0825c906209bfe9 /scraper/client/common/video.component.js | |
| parent | c5b02ffab8d388e8a2925e51736b902a48a95e71 (diff) | |
moving stuff
Diffstat (limited to 'scraper/client/common/video.component.js')
| -rw-r--r-- | scraper/client/common/video.component.js | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/scraper/client/common/video.component.js b/scraper/client/common/video.component.js deleted file mode 100644 index e5525bf6..00000000 --- a/scraper/client/common/video.component.js +++ /dev/null @@ -1,47 +0,0 @@ -import React, { Component } from 'react' -import { connect } from 'react-redux' -import { imageUrl, widths } from '../util' - -import { Gate } from '.' - -class Video extends Component { - state = { - playing: false, - } - - render() { - const { app, data, size } = this.props - const { playing } = this.state - const { sugarcube } = data.metadata - const url = sugarcube.fp.replace('/var/www/files/', 'https://cube.syrianarchive.org/') - const { sha256, verified } = app.mediainfo - const { video } = app.mediainfo.metadata.mediainfo - const keyframe = app.keyframe.metadata.keyframe.basic[0] - return ( - <div className='video'> - {playing - ? <video src={url} autoPlay controls muted /> - : <div - className='bg' - style={{ - width: widths[size || 'sm'], - height: widths[size || 'sm'] / video.aspect_ratio, - backgroundImage: 'url(' + imageUrl(verified, sha256, keyframe, size) + ')', - }} - onClick={() => this.setState({ playing: true })} - > - <div className='play'></div> - </div> - } - </div> - ) - } -} - -const mapStateToProps = () => ({ - tag: 'sugarcube', -}) - -export default connect(mapStateToProps)(props => ( - <Gate View={Video} {...props} /> -)) |
