diff options
| author | adamhrv <adam@ahprojects.com> | 2018-12-16 01:03:14 +0100 |
|---|---|---|
| committer | adamhrv <adam@ahprojects.com> | 2018-12-16 01:03:14 +0100 |
| commit | 10f467b64e3be528ac246d5cf664d675aca3e7f3 (patch) | |
| tree | 02face1862f185796c3ddd08a274940626e31ff9 /scraper/client/common/video.component.js | |
| parent | a52dc6f8edc4e5d00e7c05e34c6c6fe6252ec2bd (diff) | |
| parent | f91c6d8e870bd3b2c69a130e4b1ed8f6be250b92 (diff) | |
Merge branch 'master' of github.com:adamhrv/megapixels_dev
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} /> -)) |
