LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

changed video source to be stored as a thumbnail

Browse source
This commit is contained in:
bill bittner 2018-03-02 15:14:02 -08:00
parent c9747294ed
commit 2bb9b1836f
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
react/containers/PublishThumbnailInput/view.jsx
View file

@ -43,7 +43,10 @@ class PublishThumbnailInput extends React.Component {
previewReader.readAsDataURL(file); previewReader.readAsDataURL(file);
previewReader.onloadend = () => { previewReader.onloadend = () => {
console.log('preview reader complete'); console.log('preview reader complete');
this.setState({videoSource: previewReader.result}); const dataUri = previewReader.result;
const blob = dataURItoBlob(dataUri);
const videoSource = URL.createObjectURL(blob);
this.setState({ videoSource });
}; };
} }
handleVideoLoadedData (event) { handleVideoLoadedData (event) {
@ -75,7 +78,7 @@ class PublishThumbnailInput extends React.Component {
canvas.height = video.videoHeight; canvas.height = video.videoHeight;
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height); canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
const dataUrl = canvas.toDataURL(); const dataUrl = canvas.toDataURL();
const snapshot = dataURItoBlob(dataUrl) const snapshot = dataURItoBlob(dataUrl);
// set the thumbnail in redux store // set the thumbnail in redux store
if (snapshot) { if (snapshot) {
this.props.onNewThumbnail(snapshot); this.props.onNewThumbnail(snapshot);