3 files changed, 15 insertions, 2 deletions
diff --git a/app/client/live/index.js b/app/client/live/index.js
index ce0be14..73fc134 100644
--- a/app/client/live/index.js
+++ b/app/client/live/index.js
@@ -104,7 +104,7 @@ class App extends Component {
                 {this.props.opt.processing ? 'Pause' : 'Restart'}
               </Button>
               <Button
-                title={'Record video'}
+                title={this.props.opt.recording ? 'Recording (' + timeInSeconds(this.props.opt.recordFrames) +')' : 'Record video' }
                 onClick={this.toggleRecording}
               >
                 {this.props.opt.recording ? 'Recording' : 'Record'}
@@ -227,7 +227,9 @@ class App extends Component {
     )
   }
 }
-
+function timeInSeconds(n){
+  return (n / 10).toFixed(1) + ' s.'
+}
 const mapStateToProps = state => ({
   opt: state.live.opt,
   frame: state.live.frame,
diff --git a/app/client/live/player.js b/app/client/live/player.js
index b7088f5..8ef1668 100644
--- a/app/client/live/player.js
+++ b/app/client/live/player.js
@@ -41,6 +41,9 @@ export function onFrame (data) {
     if (recording) {
       console.log('record frame')
       videoWriter.add(canvas)
+      store.dispatch({
+        type: 'ADD_RECORD_FRAME',
+      })
     }
     if (saving) {
       saving = false
diff --git a/app/client/live/reducer.js b/app/client/live/reducer.js
index a043df3..2a6782c 100644
--- a/app/client/live/reducer.js
+++ b/app/client/live/reducer.js
@@ -78,6 +78,14 @@ const liveReducer = (state = liveInitialState, action) => {
           recording: true,
         }
       }
+    case 'ADD_RECORD_FRAME':
+      return {
+        ...state,
+        opt: {
+          ...state.opt,
+          recordFrames: (state.opt.recordFrames || 0) + 1,
+        }
+      }
 
     case 'SAVE_FRAME':
       FileSaver.saveAs(