@vouchfor/embeds 0.0.0-experiment.a499b59 → 0.0.0-experiment.a63622c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vouchfor/embeds",
-  "version": "0.0.0-experiment.a499b59",
+  "version": "0.0.0-experiment.a63622c",
   "license": "MIT",
   "author": "Aaron Williams",
   "main": "dist/es/embeds.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@lit/task": "^1.0.0",
-    "@vouchfor/media-player": "0.0.0-experiment.a499b59",
+    "@vouchfor/media-player": "0.0.0-experiment.a63622c",
     "uuid": "^9.0.1"
   },
   "peerDependencies": {

package/src/components/Embed/controllers/tracking.ts

@@ -242,30 +242,19 @@ class TrackingController implements ReactiveController {
     delete this._streamLatestTime[key];
   };
 
-  private _pageUnloading = () => {
-    this._streamEnded();
-    // This will try to send the same stream event again so we delete the start and latest
-    // time in stream ended so that there is no times to send and the pause event does nothing
-    this.host.pause();
-  };
-
   private _handleVisibilityChange = () => {
     if (document.visibilityState === 'hidden') {
-      this._pageUnloading();
-    }
-  };
+      this._streamEnded();
 
-  private _handlePageHide = () => {
-    this._pageUnloading();
+      // This will try to send the same stream event again so we delete the start and latest
+      // time in stream ended so that there is no times to send and the pause event does nothing
+      this.host.pause();
+    }
   };
 
   hostConnected() {
     requestAnimationFrame(() => {
-      if ('onvisibilitychange' in document) {
-        document.addEventListener('visibilitychange', this._handleVisibilityChange);
-      } else {
-        window.addEventListener('pagehide', this._handlePageHide);
-      }
+      document.addEventListener('visibilitychange', this._handleVisibilityChange);
       this.host.addEventListener('vouch:loaded', this._handleVouchLoaded);
       this.host.mediaPlayer?.addEventListener('play', this._handlePlay);
       this.host.mediaPlayer?.addEventListener('video:play', this._handleVideoPlay);
@@ -276,11 +265,7 @@ class TrackingController implements ReactiveController {
 
   hostDisconnected() {
     this._streamEnded();
-    if ('onvisibilitychange' in document) {
-      document.removeEventListener('visibilitychange', this._handleVisibilityChange);
-    } else {
-      window.removeEventListener('pagehide', this._handlePageHide);
-    }
+    document.removeEventListener('visibilitychange', this._handleVisibilityChange);
     this.host.removeEventListener('vouch:loaded', this._handleVouchLoaded);
     this.host.mediaPlayer?.removeEventListener('play', this._handlePlay);
     this.host.mediaPlayer?.removeEventListener('video:play', this._handleVideoPlay);