Eyevinn · martinstark · Jul 2, 2024 · Jul 1, 2024 · Jul 1, 2024 · Jul 1, 2024
diff --git a/.yarn/cache/@sec-ant-readable-stream-npm-0.4.1-12d52145e0-aac8958165.zip b/.yarn/cache/@sec-ant-readable-stream-npm-0.4.1-12d52145e0-aac8958165.zip
diff --git a/...yzer-npm-12.0.0-29bc00d178-a095ab4a87.zip → ...yzer-npm-13.0.0-4923a59e7e-d76463143a.zip b/...yzer-npm-12.0.0-29bc00d178-a095ab4a87.zip → ...yzer-npm-13.0.0-4923a59e7e-d76463143a.zip
diff --git a/.yarn/cache/@semantic-release-release-notes-generator-npm-13.0.0-101ced5f20-802f98e5e1.zip b/.yarn/cache/@semantic-release-release-notes-generator-npm-13.0.0-101ced5f20-802f98e5e1.zip
diff --git a/.yarn/cache/@semantic-release-release-notes-generator-npm-14.0.1-3d4bd63da7-3312392cdd.zip b/.yarn/cache/@semantic-release-release-notes-generator-npm-14.0.1-3d4bd63da7-3312392cdd.zip
diff --git a/.yarn/cache/@sindresorhus-merge-streams-npm-4.0.0-28e7c03ac1-16551c787f.zip b/.yarn/cache/@sindresorhus-merge-streams-npm-4.0.0-28e7c03ac1-16551c787f.zip
diff --git a/...inux-x64-gnu-npm-1.4.11-fdac570252-10.zip → ...linux-x64-gnu-npm-1.6.5-fcd4b2a303-10.zip b/...inux-x64-gnu-npm-1.4.11-fdac570252-10.zip → ...linux-x64-gnu-npm-1.6.5-fcd4b2a303-10.zip
diff --git a/.yarn/cache/@swc-core-npm-1.4.11-cf5b4a21bf-c2b6ccfd00.zip b/.yarn/cache/@swc-core-npm-1.4.11-cf5b4a21bf-c2b6ccfd00.zip
diff --git a/.yarn/cache/@swc-core-npm-1.6.5-2b0b835cf0-874b7d5f79.zip b/.yarn/cache/@swc-core-npm-1.6.5-2b0b835cf0-874b7d5f79.zip
diff --git a/.yarn/cache/@swc-types-npm-0.1.6-be60dca6da-b42fbca6f1.zip b/.yarn/cache/@swc-types-npm-0.1.6-be60dca6da-b42fbca6f1.zip
diff --git a/.yarn/cache/@swc-types-npm-0.1.9-26e18ff920-c67ee0480b.zip b/.yarn/cache/@swc-types-npm-0.1.9-26e18ff920-c67ee0480b.zip
diff --git a/.yarn/cache/@types-node-npm-20.14.9-a4571e1932-f313b06c79.zip b/.yarn/cache/@types-node-npm-20.14.9-a4571e1932-f313b06c79.zip
diff --git a/.yarn/cache/@types-semver-npm-7.5.8-26073743d7-3496808818.zip b/.yarn/cache/@types-semver-npm-7.5.8-26073743d7-3496808818.zip
diff --git a/.yarn/cache/JSONStream-npm-1.3.5-1987f2e6dd-e30daf7b9b.zip b/.yarn/cache/JSONStream-npm-1.3.5-1987f2e6dd-e30daf7b9b.zip
diff --git a/.yarn/cache/acorn-import-attributes-npm-1.9.5-d1e666eb35-8bfbfbb6e2.zip b/.yarn/cache/acorn-import-attributes-npm-1.9.5-d1e666eb35-8bfbfbb6e2.zip
diff --git a/.yarn/cache/conventional-changelog-angular-npm-7.0.0-de5edb79f0-e7966d2fee.zip b/.yarn/cache/conventional-changelog-angular-npm-7.0.0-de5edb79f0-e7966d2fee.zip
diff --git a/.yarn/cache/conventional-changelog-angular-npm-8.0.0-80898aa2c5-856e465201.zip b/.yarn/cache/conventional-changelog-angular-npm-8.0.0-80898aa2c5-856e465201.zip
diff --git a/.yarn/cache/conventional-changelog-writer-npm-7.0.1-7f3f5e338c-fdb1386410.zip b/.yarn/cache/conventional-changelog-writer-npm-7.0.1-7f3f5e338c-fdb1386410.zip
diff --git a/.yarn/cache/conventional-changelog-writer-npm-8.0.0-356cbecdca-42daf5e8bf.zip b/.yarn/cache/conventional-changelog-writer-npm-8.0.0-356cbecdca-42daf5e8bf.zip
diff --git a/.yarn/cache/conventional-commits-filter-npm-4.0.0-1143ce92f6-46d2d90531.zip b/.yarn/cache/conventional-commits-filter-npm-4.0.0-1143ce92f6-46d2d90531.zip
diff --git a/.yarn/cache/conventional-commits-filter-npm-5.0.0-32862a6db4-2345546ea9.zip b/.yarn/cache/conventional-commits-filter-npm-5.0.0-32862a6db4-2345546ea9.zip
diff --git a/.yarn/cache/conventional-commits-parser-npm-5.0.0-8c896e66c7-3b56a93131.zip b/.yarn/cache/conventional-commits-parser-npm-5.0.0-8c896e66c7-3b56a93131.zip
diff --git a/.yarn/cache/conventional-commits-parser-npm-6.0.0-43cd397b56-ba754fb578.zip b/.yarn/cache/conventional-commits-parser-npm-6.0.0-43cd397b56-ba754fb578.zip
diff --git a/.yarn/cache/convert-hrtime-npm-5.0.0-ed885e85c0-5245ad1ac6.zip b/.yarn/cache/convert-hrtime-npm-5.0.0-ed885e85c0-5245ad1ac6.zip
diff --git a/.yarn/cache/enhanced-resolve-npm-5.17.0-60a1d3bc46-8f7bf71537.zip b/.yarn/cache/enhanced-resolve-npm-5.17.0-60a1d3bc46-8f7bf71537.zip
diff --git a/.yarn/cache/execa-npm-9.3.0-238a82e660-07cf570a84.zip b/.yarn/cache/execa-npm-9.3.0-238a82e660-07cf570a84.zip
diff --git a/.yarn/cache/find-versions-npm-5.1.0-357e2813b4-680bdb0081.zip b/.yarn/cache/find-versions-npm-5.1.0-357e2813b4-680bdb0081.zip
diff --git a/.yarn/cache/find-versions-npm-6.0.0-25f00195df-d622e711bd.zip b/.yarn/cache/find-versions-npm-6.0.0-25f00195df-d622e711bd.zip
diff --git a/.yarn/cache/function-timeout-npm-1.0.2-042c6992fc-3afedebaca.zip b/.yarn/cache/function-timeout-npm-1.0.2-042c6992fc-3afedebaca.zip
diff --git a/.yarn/cache/get-stream-npm-9.0.1-2e58b883c0-ce56e6db6b.zip b/.yarn/cache/get-stream-npm-9.0.1-2e58b883c0-ce56e6db6b.zip
diff --git a/.yarn/cache/human-signals-npm-7.0.0-494fbdaf96-f1356547f6.zip b/.yarn/cache/human-signals-npm-7.0.0-494fbdaf96-f1356547f6.zip
diff --git a/.yarn/cache/is-plain-obj-npm-4.1.0-a4f2a92b44-6dc45da70d.zip b/.yarn/cache/is-plain-obj-npm-4.1.0-a4f2a92b44-6dc45da70d.zip
diff --git a/.yarn/cache/is-plain-object-npm-5.0.0-285b70faa3-e32d27061e.zip b/.yarn/cache/is-plain-object-npm-5.0.0-285b70faa3-e32d27061e.zip
diff --git a/.yarn/cache/is-stream-npm-4.0.1-328fd196cc-cbea3f1fc2.zip b/.yarn/cache/is-stream-npm-4.0.1-328fd196cc-cbea3f1fc2.zip
diff --git a/.yarn/cache/is-text-path-npm-2.0.0-5c0fb9b2bc-e26ade26a6.zip b/.yarn/cache/is-text-path-npm-2.0.0-5c0fb9b2bc-e26ade26a6.zip
diff --git a/.yarn/cache/json-stringify-safe-npm-5.0.1-064ddd6ab4-59169a081e.zip b/.yarn/cache/json-stringify-safe-npm-5.0.1-064ddd6ab4-59169a081e.zip
diff --git a/.yarn/cache/meow-npm-12.1.1-bd7858d088-8594c319f4.zip b/.yarn/cache/meow-npm-12.1.1-bd7858d088-8594c319f4.zip
diff --git a/.yarn/cache/meow-npm-13.2.0-9907f89171-4eff5bc921.zip b/.yarn/cache/meow-npm-13.2.0-9907f89171-4eff5bc921.zip
diff --git a/.yarn/cache/parse-ms-npm-4.0.0-2360c34597-673c801d9f.zip b/.yarn/cache/parse-ms-npm-4.0.0-2360c34597-673c801d9f.zip
diff --git a/.yarn/cache/prettier-npm-3.2.5-6859110d6a-d509f9da0b.zip b/.yarn/cache/prettier-npm-3.2.5-6859110d6a-d509f9da0b.zip
diff --git a/.yarn/cache/prettier-npm-3.3.2-efeafcaa4b-83214e154a.zip b/.yarn/cache/prettier-npm-3.3.2-efeafcaa4b-83214e154a.zip
diff --git a/.yarn/cache/pretty-ms-npm-9.0.0-222d3adc0f-b11e1eda41.zip b/.yarn/cache/pretty-ms-npm-9.0.0-222d3adc0f-b11e1eda41.zip
diff --git a/.yarn/cache/read-package-up-npm-11.0.0-e39aefc766-535b7554d4.zip b/.yarn/cache/read-package-up-npm-11.0.0-e39aefc766-535b7554d4.zip
diff --git a/.yarn/cache/read-pkg-up-npm-11.0.0-712fe9146d-c08fe324a6.zip b/.yarn/cache/read-pkg-up-npm-11.0.0-712fe9146d-c08fe324a6.zip
diff --git a/.yarn/cache/semantic-release-npm-23.0.6-7a3afbed81-d96f2c5488.zip b/.yarn/cache/semantic-release-npm-23.0.6-7a3afbed81-d96f2c5488.zip
diff --git a/.yarn/cache/semantic-release-npm-24.0.0-9869a19b9c-6403831caf.zip b/.yarn/cache/semantic-release-npm-24.0.0-9869a19b9c-6403831caf.zip
diff --git a/.yarn/cache/split2-npm-4.2.0-16aa3883ba-09bbefc11b.zip b/.yarn/cache/split2-npm-4.2.0-16aa3883ba-09bbefc11b.zip
diff --git a/.yarn/cache/strip-final-newline-npm-4.0.0-4dfc6b8843-b5fe48f695.zip b/.yarn/cache/strip-final-newline-npm-4.0.0-4dfc6b8843-b5fe48f695.zip
diff --git a/.yarn/cache/super-regex-npm-1.0.0-e1e9fc268c-d99e90ee09.zip b/.yarn/cache/super-regex-npm-1.0.0-e1e9fc268c-d99e90ee09.zip
diff --git a/.yarn/cache/text-extensions-npm-2.4.0-d2843791b9-9bdbc9959e.zip b/.yarn/cache/text-extensions-npm-2.4.0-d2843791b9-9bdbc9959e.zip
diff --git a/.yarn/cache/through-npm-2.3.8-df5f72a16e-5da78346f7.zip b/.yarn/cache/through-npm-2.3.8-df5f72a16e-5da78346f7.zip
diff --git a/.yarn/cache/time-span-npm-5.1.0-8f8e7d83d7-949c45fcb8.zip b/.yarn/cache/time-span-npm-5.1.0-8f8e7d83d7-949c45fcb8.zip
diff --git a/.yarn/cache/typescript-npm-5.4.3-702063d215-de4c69f49a.zip b/.yarn/cache/typescript-npm-5.4.3-702063d215-de4c69f49a.zip
diff --git a/.yarn/cache/typescript-npm-5.5.2-78d461a8f7-9118b20f24.zip b/.yarn/cache/typescript-npm-5.5.2-78d461a8f7-9118b20f24.zip
diff --git a/.yarn/cache/typescript-patch-0b5476accc-5aedd97595.zip b/.yarn/cache/typescript-patch-0b5476accc-5aedd97595.zip
diff --git a/.yarn/cache/typescript-patch-2b02f17773-28b3de2dda.zip b/.yarn/cache/typescript-patch-2b02f17773-28b3de2dda.zip
diff --git a/...yzer-npm-4.10.1-57768ac46c-bc7bc2c014.zip → ...yzer-npm-4.10.2-970f80a648-cb7ff9d01d.zip b/...yzer-npm-4.10.1-57768ac46c-bc7bc2c014.zip → ...yzer-npm-4.10.2-970f80a648-cb7ff9d01d.zip
diff --git a/.yarn/cache/webpack-npm-5.92.1-eba8a81d56-76fcfbebcc.zip b/.yarn/cache/webpack-npm-5.92.1-eba8a81d56-76fcfbebcc.zip
diff --git a/.yarn/cache/yoctocolors-npm-2.0.2-bd6524771f-cac20504b5.zip b/.yarn/cache/yoctocolors-npm-2.0.2-bd6524771f-cac20504b5.zip
diff --git a/public/index.html b/public/index.html
@@ -31,6 +31,15 @@
     }
 
     .box {
+      display: flex;
+      gap: 1rem;
+      margin: 0 0 1rem 0;
+    }
+
+    .box-2 {
+      display: flex;
+      flex-direction: column;
+      gap: 1rem;
       margin: 0 0 1rem 0;
     }
 
@@ -44,18 +53,37 @@
       background: rgba(255, 198, 109, 1);
     }
 
+    button {
+      color: #1a1a1a;
+      padding: 0.2rem 1rem;
+      margin-bottom: 0.2rem;
+      border-radius: 0.2rem;
+      font-size: 1.2rem;
+      line-height: 1.8;
+      background: rgba(255, 198, 109, 1);
+      border: 2px solid rgb(173, 131, 68);
+      font-weight: bold;
+      text-transform: uppercase;
+      cursor: pointer;
+
+      &:hover {
+        transform: scale(1.1);
+      }
+    }
+
     #events {
     }
   </style>
 </head>
 <body>
   <div class="wrapper">
     <div class="box">
-      <video
-        controls
-        src="https://testcontent.eyevinn.technology/mp4/VINN.mp4"
-        id="videoEl"
-      ></video>
+      <video preload="metadata" playsinline controls id="videoEl"></video>
+      <div class="box-2">
+        <button id="switch">Update src</button>
+        <button id="clear">Clear src</button>
+        <button id="load">Load</button>
+      </div>
     </div>
     <p>Check console for additional logging.</p>
     <div class="box">
@@ -70,7 +98,13 @@
       MediaEvent,
     } from "./main.mjs";
 
+    const videos = [
+      "https://testcontent.eyevinn.technology/mp4/VINN.mp4",
+      "https://testcontent.eyevinn.technology/mp4/stswe-tvplus-promo.mp4",
+    ];
+
     const mediaElement = document.getElementById("videoEl");
+    mediaElement.src = videos[0];
     let i = 1;
 
     Object.values(MediaEvent).forEach((evt) =>
@@ -101,5 +135,21 @@
         }
       },
     });
+
+    const switchButton = document.getElementById("switch");
+    const clearButton = document.getElementById("clear");
+    const loadButton = document.getElementById("load");
+
+    switchButton.onclick = () => {
+      mediaElement.src = mediaElement.src !== videos[0] ? videos[0] : videos[1];
+    };
+
+    clearButton.onclick = () => {
+      mediaElement.src = "";
+    };
+
+    loadButton.onclick = () => {
+      mediaElement.load();
+    };
   </script>
 </body>
diff --git a/src/media-event-filter.ts b/src/media-event-filter.ts
@@ -119,6 +119,16 @@ export const getMediaEventFilter = ({
   const isNotReady = (): boolean =>
     allowResumeAfterEnded ? state.loading : state.loading || state.ended;
 
+  // Reset state of media event filter when a new src is
+  // attached to the media element.
+  const onEmptied = (): void => {
+    clearRatechangeBufferTimeout();
+
+    state = {
+      ...initialState,
+    };
+  };
+
   const onCanPlayThrough = (): void => {
     if (!state.loading) {
       // Recover from Safari "mute" micro buffer triggered by "waiting"
@@ -455,6 +465,7 @@ export const getMediaEventFilter = ({
     [MediaEvent.play, onPlay],
     [MediaEvent.pause, onPause],
     [MediaEvent.ratechange, onRatechange],
+    [MediaEvent.emptied, onEmptied],
   ];
 
   EventHandlerPairs.forEach(([event, handler]) =>