diff --git a/package.json b/package.json
index 8e695fcb..aaf7a9cd 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "svelte": "^2.16.0"
   },
   "dependencies": {
-    "rrweb": "^0.7.31"
+    "rrweb": "^0.7.32"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.html b/src/Player.html
index 4872eab0..ec0d2feb 100644
--- a/src/Player.html
+++ b/src/Player.html
@@ -14,7 +14,7 @@
 </div>
 
 <script>
-  import { Replayer } from 'rrweb';
+  import { Replayer, unpack } from 'rrweb';
   import 'rrweb/dist/rrweb.min.css';
   import {
     inlineCss,
@@ -86,6 +86,7 @@
         skipInactive: true,
         showWarning: true,
         triggerFocus,
+        unpackFn: unpack,
       });
       replayer.on('resize', (dimension) =>
         this.updateScale(replayer.wrapper, dimension),