diff --git a/packages/rrweb-player/src/Controller.svelte b/packages/rrweb-player/src/Controller.svelte
index 09e3437f..33cfac77 100644
--- a/packages/rrweb-player/src/Controller.svelte
+++ b/packages/rrweb-player/src/Controller.svelte
@@ -185,6 +185,12 @@
     skipInactive = !skipInactive;
   };
 
+  export const triggerUpdateMeta = () => {
+    Promise.resolve().then(() => {
+      meta = replayer.getMetaData();
+    })
+  }
+
   onMount(() => {
     playerState = replayer.service.state.value as typeof playerState;
     speedState = replayer.speedService.state.value as typeof speedState;
diff --git a/packages/rrweb-player/src/Player.svelte b/packages/rrweb-player/src/Player.svelte
index 1d5583c9..9e826ab1 100644
--- a/packages/rrweb-player/src/Player.svelte
+++ b/packages/rrweb-player/src/Player.svelte
@@ -90,6 +90,7 @@
 
   export const addEvent = (event: eventWithTime) => {
     replayer.addEvent(event);
+    controller.triggerUpdateMeta();
   };
   export const getMetaData = () => replayer.getMetaData();
   export const getReplayer = () => replayer;