index.js

import Webamp from "webamp";

const app = document.getElementById("app");
const button = document.getElementById("abrir_winamp");
const webamp = new Webamp({
  initialTracks: [
    {
      metaData: {
        title: "stream de audio de mi laptop",
        artist: "schwifty",
      },
      url: "https://ricardotun.mx/now_playing",
      duration: 0,
    },
    {
      metaData: {
        title: "Rock_Rock folder radio stream",
        artist: "Mudo",
      },
      url: "https://ricardotun.mx/mudo/rock_rock",
      duration: 0,
    },
  ]
});

// Set the title to the currently playing track
webamp.onTrackDidChange((trackInfo) => {
  let titleText = 'ricardotun.mx';

  try {
    let artist, title;

    if (trackInfo && trackInfo.metaData) {
      artist = trackInfo.metaData.artist || 'Unknown Artist';
      title = trackInfo.metaData.title || 'Unknown Title';

      titleText = `ricardotun.mx > now playing: ${title} by ${artist}`;
    } else {
      console.warn('No track information available or track metadata missing');
    }

    document.title = titleText;
  } catch (error) {
    console.error('Error updating document title:', error);
    document.title = titleText;
  }
});

webamp.onClose(() => {
  function handleClick() {
    webamp.reopen();
    button.removeEventListener("click", handleClick);
  }
  button.addEventListener("click", handleClick);
});

function openWinamp() {
  webamp.renderWhenReady(app);
  button.removeEventListener("click", openWinamp)
}

button.addEventListener("click", openWinamp)

document.getElementById("copyright_year").appendChild(document.createTextNode(new Date().getFullYear()))