diff --git a/react/containers/PublishThumbnailInput/view.jsx b/react/containers/PublishThumbnailInput/view.jsx index 4c603478..91be7430 100644 --- a/react/containers/PublishThumbnailInput/view.jsx +++ b/react/containers/PublishThumbnailInput/view.jsx @@ -6,11 +6,11 @@ const ThumbnailPreview = ({dataUrl}) => { margin : '1%', display: 'inline-block', border : 'solid 1px black', - } + }; const imageStyle = { width : '100%', display: 'block', - } + }; return (
{ dataUrl ? ( @@ -20,7 +20,7 @@ const ThumbnailPreview = ({dataUrl}) => { )}
); -} +}; class PublishThumbnailInput extends React.Component { constructor (props) { @@ -29,18 +29,13 @@ class PublishThumbnailInput extends React.Component { videoPreviewSrc: null, thumbnailError : null, thumbnailInput : '', - } - this.handleInput = this.handleInput.bind(this); - this.updateVideoThumb = this.updateVideoThumb.bind(this); + }; } componentDidMount () { this.setClaimAndThumbailUrl(this.props.publishClaim); this.previewThumbnails(this.props.publishFile); } componentWillReceiveProps (nextProps) { - // if (nextProps.publishFile !== this.publishFile) { - // this.createThumbnails(nextProps.publishFile); - // } if (nextProps.publishClaim !== this.props.publishClaim) { console.log(nextProps.publishClaim, this.props.publishClaim); this.setClaimAndThumbailUrl(nextProps.publishClaim); @@ -50,7 +45,6 @@ class PublishThumbnailInput extends React.Component { console.log('video file:', videoFile); this.loadFileAndReturnThumbnails(videoFile) .then((thumbnail) => { - console.log('thumbs:', thumbnail); this.selectVideoThumb(thumbnail); this.setPossibleThumbnailFiles(thumbnail, thumbnail, thumbnail); }) @@ -67,9 +61,7 @@ class PublishThumbnailInput extends React.Component { const blob = new Blob([fileReader.result], {type: file.type}); const url = URL.createObjectURL(blob); let video = document.createElement('video'); - const snapShot = (time) => { - console.log('creating thubmnail @', time); - // video.currentTime = time; + const snapShot = () => { let canvas = document.createElement('canvas'); canvas.width = video.videoWidth; canvas.height = video.videoHeight; @@ -80,15 +72,15 @@ class PublishThumbnailInput extends React.Component { return imageDataUrl; } return success; - } + }; const loadedata = () => { console.log('loadeddata'); console.log('readyState', video.readyState); const duration = video.duration; console.log('readyState', duration); - const thumb = snapShot(duration / 2); + const thumb = snapShot(); resolve(thumb); - } + }; video.addEventListener('loadeddata', loadedata); video.preload = 'metadata'; video.src = url; @@ -116,10 +108,10 @@ class PublishThumbnailInput extends React.Component { render () { return (
- +
-

{this.state.error}

- {this.props.potentialFiles.map((file, index) => )} +

{this.state.error}

+ {this.props.potentialFiles.map((file, index) => )}
);