better messaging when saving video

1 files changed, 16 insertions, 3 deletions

diff --git a/public/bundle.js b/public/bundle.js
index c38ea73..e3c2955 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -893,6 +893,7 @@ var App = function (_Component) {
     value: function toggleRecording() {
       if (this.props.opt.recording) {
         (0, _player3.stopRecording)();
+        this.props.actions.pause();
       } else {
         (0, _player3.startRecording)();
       }
@@ -956,10 +957,10 @@ var App = function (_Component) {
               (0, _preact.h)(
                 _button2.default,
                 {
-                  title: this.props.opt.recording ? 'Recording (' + timeInSeconds(this.props.opt.recordFrames) + ')' : 'Record video',
+                  title: this.props.opt.savingVideo ? 'Saving video...' : this.props.opt.recording ? 'Recording (' + timeInSeconds(this.props.opt.recordFrames) + ')' : 'Record video',
                   onClick: this.toggleRecording
                 },
-                this.props.opt.recording ? 'Recording' : 'Record'
+                this.props.opt.savingVideo ? 'Saving' : this.props.opt.recording ? 'Recording' : 'Record'
               ),
               (0, _preact.h)(
                 _button2.default,
@@ -1160,7 +1161,11 @@ function startRecording() {
 }
 
 function stopRecording() {
+  if (!recording) return;
   recording = false;
+  _store.store.dispatch({
+    type: 'SAVING_VIDEO'
+  });
   videoWriter.compile(false, function (blob) {
     console.log(blob);
     _store.store.dispatch({
@@ -1329,11 +1334,19 @@ var liveReducer = function liveReducer() {
       FileSaver.saveAs(action.blob, state.opt.checkpoint_name + "_" + state.opt.sequence + "_" + (0, _moment2.default)().format("YYYYMMDD_HHmm") + ".png");
       return state;
 
+    case 'SAVING_VIDEO':
+      return _extends({}, state, {
+        opt: _extends({}, state.opt, {
+          savingVideo: true
+        })
+      });
     case 'SAVE_VIDEO':
       FileSaver.saveAs(action.blob, state.opt.checkpoint_name + "_" + state.opt.sequence + "_" + (0, _moment2.default)().format("YYYYMMDD_HHmm") + ".webm");
       return _extends({}, state, {
         opt: _extends({}, state.opt, {
-          recording: false
+          recording: false,
+          savingVideo: false,
+          recordFrames: 0
         })
       });