Tengo el siguiente javascript. Hay 2 elementos constantes por ID: título y artista. Quiero que aparezcan en la pestaña del navegador, así que creo que con document.title. fila 51. Si se pregunta para qué, necesito esto para obtener los metadatos de la pestaña del navegador (artista y título) de un software de transmisión en otra PC. Solo está en localhost. Esa es la única forma. Los metadatos aparecen en index.html pero no puedo tomar esto desde allí, solo puedo tomar esto desde la pestaña del navegador. Está tan especificado por esta aplicación que obtuve.
Muy agradecido por su ayuda de antemano.
JavaScript:
/** * OBS Overlay */ const SERVER = `ws://${location.hostname}:9090`; /** * Formats the track name. * @param {TrackInfo} track */ const formatTitle = (track) => { if (!track.title) return ''; return track.title.toUpperCase(); }; /** * Formats the track artist. * @param {TrackInfo} track */ const formatArtist = (track) => { if (!track.artist) return ''; return track.artist.toUpperCase(); }; const updateTrack = (track) => { const title = formatTitle(track); const artist = formatArtist(track); const titleEl = document.querySelector('#title'); const artistEl = document.querySelector('#artist'); const overlay = document.querySelectorAll('.fade'); if (titleEl.innerHTML === title && artistEl.innerHTML === artist) return; // Fade out the old track title. overlay.forEach((el) => { el.style.opacity = 0; }); // Fade in the new track. setTimeout(() => { titleEl.innerHTML = title; artistEl.innerHTML = artist; overlay.forEach((el) => { el.style.opacity = 1; }); }, 1000); }; // Set title of document document.title = 'test'; // WebSocket connection to Triode Twitch DJ. const ws = new WebSocket(SERVER); // Send heartbeat to Now Playing every 5 seconds. setInterval(() => { const state = ws.readyState; if (state === 1) ws.send(JSON.stringify({ event: 'ping' })); }, 5000); /** * Take in an IPC message from the main process and update the DOM. * * @param {IpcEvent} event IPC message from the main process */ ws.onmessage = (event) => { const data = JSON.parse(event.data); updateTrack({ title: data.title, artist: data.artist, }); };índice.html:
<html> <head> <link rel="stylesheet" href="default.css"> </head> <body> <div>NOW PLAYING:</div> <div> <span id="title" class="fade">NO TRACK LOADED</span> - <span id="artist" class="fade">NO ARTIST LOADED</span> </div> <script src="default.js"></script> </body> </html>