impl media interactions recording

close #159
close #72
listen to HTMLMediaElement's play/pause events, and replay them
by programmatically play and pause the target element.

src/record/index.ts

@@ -35,7 +35,7 @@ function record(options: recordOptions = {}): listenerHandler | undefined {
     inlineStylesheet = true,
     maskAllInputs = false,
     hooks,
-    mousemoveWait = 50
+    mousemoveWait = 50,
   } = options;
   // runtime checks for user options
   if (!emit) {
@@ -178,11 +178,21 @@ function record(options: recordOptions = {}): listenerHandler | undefined {
                   },
                 }),
               ),
+            mediaInteractionCb: p =>
+              wrappedEmit(
+                wrapEvent({
+                  type: EventType.IncrementalSnapshot,
+                  data: {
+                    source: IncrementalSource.MediaInteraction,
+                    ...p,
+                  },
+                }),
+              ),
             blockClass,
             ignoreClass,
             maskAllInputs,
             inlineStylesheet,
-            mousemoveWait
+            mousemoveWait,
           },
           hooks,
         ),