Update cover image and switch lyrics API integration

Replaced cover.png with cover.jpeg and updated CSS references. Changed radio name, streaming URL, and API endpoint in script.js. Removed Vagalume lyrics API integration in favor of using lyrics from RadioAPI.me, simplifying the lyrics fetching logic.

README.md

@@ -94,9 +94,7 @@ To change the number of history items displayed, edit `js/script.js` and modify
 
 ## 🌐 API Integration
 
-This player uses [RadioAPI.me](https://radioapi.me) for metadata. Get your API endpoint from their service.
+This player uses [RadioAPI.me](https://radioapi.me) for metadata and its lyrics. Get your API endpoint from their service.
-
-For lyrics functionality, get a Vagalume API key from [Vagalume API](https://api.vagalume.com.br/docs/).
 
 ## 🐛 Troubleshooting
 

css/style.css

@@ -333,7 +333,7 @@ main {
 #currentCoverArt {
   width: 100%;
   height: 100%;
-  background: url("../img/cover.png") no-repeat center;
+  background: url("../img/cover.jpeg") no-repeat center;
   background-size: cover;
   transition: background-image 1s ease;
 }
@@ -588,7 +588,7 @@ input[type="range"]::-moz-range-thumb {
 .cover-historic {
   width: 80px;
   height: 80px;
-  background: url("../img/cover.png") no-repeat center;
+  background: url("../img/cover.jpeg") no-repeat center;
   background-size: cover;
   border-radius: 10px;
   flex-shrink: 0;

js/script.js

@@ -1,13 +1,10 @@
-const RADIO_NAME = "Game! Radio"
+const RADIO_NAME = "Afrofusion Rap"
 
 // Change Stream URL Here, Supports, ICECAST, ZENO, SHOUTCAST, RADIOJAR ETC.... DOES NOT SUPPORT HLS
-const URL_STREAMING = "https://play.streamafrica.net/gameradio"
+const URL_STREAMING = "https://play.streamafrica.net/afrofusionrap"
 
 // NEW UNIFIED API ENDPOINT
-const API_URL = "https://prod-api.radioapi.me/metadata/51a50466-49b7-444c-9a4a-4caf0a1aff64"
+const API_URL = "https://prod-api.radioapi.me/metadata/92f09a6d-37f1-4c10-bf2a-018bf03136fc"
-
-// Visit https://api.vagalume.com.br/docs/ to get your API key
-const API_KEY = "18fe07917957c289983464588aabddfb"
 
 // Loading state management
 let isInitialLoad = true
@@ -19,8 +16,10 @@ const currentSongData = {
   artist: "",
 }
 
+
 window.onload = () => {
 
+
   var page = new Page()
   page.changeTitlePage()
   page.setVolume()
@@ -34,7 +33,6 @@ window.onload = () => {
   // Initial data fetch
   getStreamingData()
 
-
   // Interval to get streaming data in milliseconds
   setInterval(() => {
     getStreamingData()
@@ -287,30 +285,25 @@ function Page() {
     }
   }
 
-  this.refreshLyric = (currentSong, currentArtist) => {
+  this.refreshLyric = (lyrics) => {
     // Show lyrics loading
     showLyricsLoading()
 
-    var xhttp = new XMLHttpRequest()
-    xhttp.onreadystatechange = function () {
-      // Hide lyrics loading
-      hideLyricsLoading()
-
-      if (this.readyState === 4 && this.status === 200) {
-        var data = JSON.parse(this.responseText)
-
     var openLyric = document.getElementsByClassName("lyrics")[0]
 
-        if (data.type === "exact" || data.type === "aprox") {
+    // Hide lyrics loading
-          var lyric = data.mus[0].text
+    setTimeout(() => {
+      hideLyricsLoading()
+    }, 500)
 
+    if (lyrics && lyrics.trim() !== "") {
       // Remove skeleton loading from modal
       const lyricsLoading = document.querySelector(".lyrics-loading")
       if (lyricsLoading) lyricsLoading.style.display = "none"
 
       const lyricElement = document.getElementById("lyric")
       if (lyricElement) {
-            lyricElement.innerHTML = lyric.replace(/\n/g, "<br />")
+        lyricElement.innerHTML = lyrics.replace(/\n/g, "<br />")
       }
 
       if (openLyric) {
@@ -334,25 +327,6 @@ function Page() {
         backdrop.remove()
       }
     }
-      } else {
-        var lyricsElement = document.getElementsByClassName("lyrics")[0]
-        if (lyricsElement) {
-          lyricsElement.style.opacity = "0.3"
-          lyricsElement.removeAttribute("data-toggle")
-        }
-      }
-    }
-    xhttp.open(
-      "GET",
-      "https://api.vagalume.com.br/search.php?apikey=" +
-        API_KEY +
-        "&art=" +
-        currentArtist +
-        "&mus=" +
-        currentSong.toLowerCase(),
-      true,
-    )
-    xhttp.send()
   }
 }
 
@@ -528,7 +502,7 @@ function getStreamingData() {
           }
 
           // Update lyrics
-          page.refreshLyric(song, artist)
+          page.refreshLyric(data.lyrics || "")
 
           // Update history if available
           if (data.history && data.history.length > 0) {