icedreammusic/nowplaying_overlay.html

@@ -36,7 +36,6 @@
        * @var HTMLElement ticker
        */
       let ticker;
-      let tickerTimer = null;
       // TODO - make processEvent react as instantly as possible to hideOverlay/showOverlay by resetting interval timer
       function processEvent() {
         let lastChangeHadEffect = false;
@@ -305,28 +304,6 @@
           artist,
         })}`;
       }
-      function hideTicker() {
-        console.log('hideTicker called');
-        const currentlyActiveElement = ticker.querySelector('.active');
-        if (currentlyActiveElement) {
-          currentlyActiveElement.classList.remove('active');
-          currentlyActiveElement.classList.add('hidden');
-        }
-
-        if (tickerTimer !== null) {
-          console.log('clearing interval for ticker timer');
-          clearInterval(tickerTimer);
-          tickerTimer = null;
-        }
-      }
-      function showTicker() {
-        console.log('showTicker called');
-        if (tickerTimer === null) {
-          console.log('setting interval for ticker timer');
-          tick();
-          tickerTimer = setInterval(tick, 8000);
-        }
-      }
       function tick() {
         const currentlyActiveElement = ticker.querySelector('.active');
         let nextElement;
@@ -353,6 +330,7 @@
         setInterval(processEvent, 1000);
 
         ticker = document.getElementById('ticker');
+        setInterval(tick, 5000);
       });
     </script>
     <script>
@@ -365,20 +343,10 @@
           data.progress > 0 && data.duration > 0
             ? data.progress > data.duration - 15000
             : false;
-        const isIntro =
+        if (data.status === 'stopped' || almostEnding) {
-          data.title === 'Intro' &&
+          // stopped
-          data.artists.includes('Imaginary Frequencies');
-        if (data.status === 'stopped' || almostEnding || isIntro) {
-          // stopped or intro
           hideOverlay();
-
-          // intro?
-          if (isIntro) {
-            hideTicker();
-          }
         } else {
-          showTicker();
-
           // playing or paused
           const artistString = data.artists
             ? data.artists.reduce((previous, currentValue, currentIndex) => {
@@ -456,7 +424,7 @@
         font-family: 'Oxanium', sans-serif;
         /* font-family: 'Bahnschrift', sans-serif; */
         /* font-family: 'Montserrat', Arial, Helvetica, sans-serif; */
-        font-size: 32px;
+        font-size: 24px;
         color: white;
         display: flex;
         flex-direction: row;
@@ -731,7 +699,6 @@
           <span class="fab fa-twitch">&nbsp;</span>
           https://twitch.tv/icedreammusic
         </div>
-        <div>Visualizations provided by Vovoid Media - https://vsxu.com</div>
       </div>
     </div>
     <div class="right">