videomail-client 2.18.4 → 3.0.0

package/src/js/wrappers/container.js

@@ -1,20 +1,21 @@
-import Buttons from './buttons'
-import Dimension from './dimension'
-import EventEmitter from './../util/eventEmitter'
-import Events from './../events'
-import Form from './form'
-import OptionsWrapper from './optionsWrapper'
-import Resource from './../resource'
-import VideomailError from './../util/videomailError'
 import Visibility from 'document-visibility'
-import Visuals from './visuals'
-import css from './../../styles/css/main.min.css.js'
 // needed for IE 11
 import elementClosest from 'element-closest'
 import hidden from 'hidden'
 import insertCss from 'insert-css'
 import util from 'util'
 
+import css from '../../styles/css/main.min.css.js'
+import Events from '../events'
+import Resource from '../resource'
+import EventEmitter from '../util/eventEmitter'
+import VideomailError from '../util/videomailError'
+import Buttons from './buttons'
+import Dimension from './dimension'
+import Form from './form'
+import OptionsWrapper from './optionsWrapper'
+import Visuals from './visuals'
+
 elementClosest(window)
 
 const Container = function (options) {
@@ -509,9 +510,9 @@ const Container = function (options) {
       submitted = false
       form.show()
       visuals.back(params, function () {
-        if (params.keepHidden) {
+        if (params && params.keepHidden) {
           // just enable form, do nothing else.
-          // see example contact_form.html when you submit without videomil
+          // see example contact_form.html when you submit without videomail
           // and go back
           self.enableForm()
         } else {

package/src/js/wrappers/visuals/recorder.js

@@ -995,6 +995,8 @@ const Recorder = function (visuals, replay, defaultOptions = {}) {
 
         ctx.drawImage(userMedia.getRawVisuals(), 0, 0, canvas.width, canvas.height)
 
+        const nanoseconds = Math.round(window.performance.now() * 1000000)
+
         recordingBuffer = frame.toBuffer()
         recordingBufferLength = recordingBuffer.length
 
@@ -1004,7 +1006,12 @@ const Recorder = function (visuals, replay, defaultOptions = {}) {
 
         bytesSum += recordingBufferLength
 
-        writeStream(recordingBuffer, {
+        const timeControlBuffer = Buffer.from(
+          stringify({ frameNumber: framesCount, timestamp: nanoseconds })
+        )
+        const frameBuffer = Buffer.concat([recordingBuffer, timeControlBuffer])
+
+        writeStream(frameBuffer, {
           frameNumber: framesCount,
           onFlushedCallback: onFlushed
         })

package/src/js/wrappers/visuals.js

@@ -1,14 +1,13 @@
-import util from 'util'
-import h from 'hyperscript'
 import hidden from 'hidden'
+import h from 'hyperscript'
+import util from 'util'
 
-import Replay from './visuals/replay'
-import Recorder from './visuals/recorder'
-import Notifier from './visuals/notifier'
+import Events from '../events'
+import EventEmitter from '../util/eventEmitter'
 import RecorderInsides from './visuals/inside/recorderInsides'
-
-import EventEmitter from './../util/eventEmitter'
-import Events from './../events'
+import Notifier from './visuals/notifier'
+import Recorder from './visuals/recorder'
+import Replay from './visuals/replay'
 
 const Visuals = function (container, options) {
   EventEmitter.call(this, options, 'Visuals')
@@ -189,7 +188,7 @@ const Visuals = function (container, options) {
     replay.hide()
     notifier.hide()
 
-    if (params.keepHidden) {
+    if (params && params.keepHidden) {
       recorder.hide()
       cb && cb()
     } else {