Frontend: Use 'timeupdate' event listener rather than setTimeout()

1 files changed, 9 insertions, 10 deletions

diff --git a/assets/js/player.js b/assets/js/player.js
index bffc7ad3..8eae54f4 100644
--- a/assets/js/player.js
+++ b/assets/js/player.js
@@ -113,9 +113,12 @@ function addCurrentTimeToURL(url) {
 }
 
 /**
- * Timer that updates the timestamp on all external links
+ * Callback that updates the timestamp on all external links
  */
-player.ready(function () {
+player.on('timeupdate', function () {
+    // Only update once every 5 seconds
+    if ((Math.ceil(player.currentTime()) % 5) != 0) return;
+
     // YouTube links
 
     let elem_yt_watch = document.getElementById('link-yt-watch');
@@ -124,10 +127,8 @@ player.ready(function () {
     let base_url_yt_watch = elem_yt_watch.getAttribute('data-base-url');
     let base_url_yt_embed = elem_yt_embed.getAttribute('data-base-url');
 
-    setTimeout(() => {
-        elem_yt_watch.setAttribute('href') = addCurrentTimeToURL(base_url_yt_watch);
-        elem_yt_embed.setAttribute('href') = addCurrentTimeToURL(base_url_yt_embed);
-    }, 5000);
+    elem_yt_watch.setAttribute('href') = addCurrentTimeToURL(base_url_yt_watch);
+    elem_yt_embed.setAttribute('href') = addCurrentTimeToURL(base_url_yt_embed);
 
     // Invidious links
 
@@ -137,10 +138,8 @@ player.ready(function () {
     let base_url_iv_embed = elem_iv_embed.getAttribute('data-base-url');
     let base_url_iv_other = elem_iv_other.getAttribute('data-base-url');
 
-    setTimeout(() => {
-        elem_iv_embed.setAttribute('href') = addCurrentTimeToURL(base_url_iv_embed);
-        elem_iv_other.setAttribute('href') = addCurrentTimeToURL(base_url_iv_other);
-    }, 5000);
+    elem_iv_embed.setAttribute('href') = addCurrentTimeToURL(base_url_iv_embed);
+    elem_iv_other.setAttribute('href') = addCurrentTimeToURL(base_url_iv_other);
 });