changed video source to be stored as a thumbnail
This commit is contained in:
parent
c9747294ed
commit
2bb9b1836f
1 changed files with 5 additions and 2 deletions
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue