Asignacion Variables JavaScript desde otro Script

[interclaudio]

Hola Ante todo gracias por la ayuda que siempre me brindan, tengop este problema y no se como resolverlo.
Poseo una radio on line y el servidor me brinda los datos de las canciones que suenan en un <span>...</span>
de esta forma
<span id="cc_strinfo_song_radiomaticaonline" class="TituloTema marquee cc_streaminfo">Cargando ...</span>
<script language="javascript" type="text/javascript" src="http://radio.solumedia.com.ar:2199/system/streaminfo.js"></script>
(El script no me lo proveen, pero funciona bien asignadole el texto del nombre del tema al span llamado "cc_strinfo_song_radiomaticaonline")
hasta ahi todo bien.
El tema es que implementé un reproductor que funciona muy bien y a todos nos gusta que se llama Muses. el codigo es el siguiente:
<script type="text/javascript" src="https://hosted.muses.org/mrp.js"></script>
<script type="text/javascript">
MRP.insert({
'url':'http://01.solumedia.com.ar:7217/stream',
'lang':'es',
'codec':'aac',
'volume':60,
'autoplay':true,
'forceHTML5':true,
'jsevents':true,
'buffering':0,
'title':'Radiomatica - la Digitalización de tus sentidos',
'welcome':'Emociones Digitales',
'wmode':'transparent',
'skin':'darkconsole',
'width':190,
'height':62
});
</script>

Y lo que yo quisiera es tomar el valor de el span
id="cc_strinfo_song_radiomaticaonline" que es cambiado permaneteemente por el otro script y asignarselo donde dice
'title':'Radiomatica - la Digitalización de tus sentidos'

Espero me haya explicado bien

MUCHAS GRACIAS POR LA AYUDAAAAAAAAA

[Alexis88]

Debes ejecutar una instrucción cada vez que se reproduzca una canción en tu reproductor musical. La instrucción en cuestión consistiría en seleccionar el contenido del elemento <span> para que así puedas trabajar con él como desees.

Por ejemplo:

Código Javascript:

var titulo = document.querySelector("#cc_strinfo_song_radiomaticaonline").innerHTML;
 

De esta manera, obtendrás el título de la canción.

[interclaudio]

Iniciado por Alexis88

Debes ejecutar una instrucción cada vez que se reproduzca una canción en tu reproductor musical. La instrucción en cuestión consistiría en seleccionar el contenido del elemento <span> para que así puedas trabajar con él como desees.

Por ejemplo:

Código Javascript:

var titulo = document.querySelector("#cc_strinfo_song_radiomaticaonline").innerHTML;
 

De esta manera, obtendrás el título de la canción.

Muchas gracias por tu pronta respuesta, pero no se como quedaria el codigo completo, ya que lo que quiero es aplicarlo en este codigo

<script type="text/javascript" src="https://hosted.muses.org/mrp.js"></script>
<script type="text/javascript">
MRP.insert({
'url':'http://01.solumedia.com.ar:7217/stream',
'lang':'es',
'codec':'aac',
'volume':60,
'autoplay':true,
'forceHTML5':true,
'jsevents':true,
'buffering':0,
'title':'Radiomatica - la Digitalización de tus sentidos',
'welcome':'Emociones Digitales',
'wmode':'transparent',
'skin':'darkconsole',
'width':190,
'height':62
});
</script>
Y lo que necesito es tomar el valor de el span
id="cc_strinfo_song_radiomaticaonline" que es cambiado permaneteemente por el otro script y asignarselo donde dice
'title':'Radiomatica - la Digitalización de tus sentidos'

[Alexis88]

Primero es necesario conocer el bloque de código en donde reproduces las canciones. Desde allí se hará todo.

[interclaudio]

Este es el codigo que uso..

<div class="span6" style="display: flex;justify-content: center;">
<div style="margin-top:10px;text-align:center;;border: 2px solid black;" class="Reproductor">

<!-- BEGINS: AUTO-GENERATED MUSES RADIO PLAYER CODE -->
<div style="float:left;">
<script type="text/javascript" src="<?echo $Ruta;?>js/mrp.js"></script>

<script type="text/javascript">
MRP.insert({
'url':'http://01.solumedia.com.ar:7217/stream',
'lang':'es',
'codec':'aac',
'volume':100,
'autoplay':true,
'forceHTML5':true,
'jsevents':true,
'buffering':0,
'title':'Radiomatica - la Digitalización de tus sentidos',
'welcome':'Emociones Digitales',
'wmode':'transparent',
'skin':'darkconsole',
'width':190,
'height':62
});
</script>
</div>
<div style="float:left;">
<!-- ENDS: AUTO-GENERATED MUSES RADIO PLAYER CODE -->
<img id="cc_strinfo_trackimageurl_radiomaticaonline" class="cc_streaminfo zoomIt" class="TapaAlbum"/>

</div>
</div>


</div>
<div class="span6" >

</div>
<div style="display: flex;justify-content: center;" class="span6 caption">
<h3 id="cc_strinfo_song_radiomaticaonline" class=" cc_streaminfo" >
Cargando ...
</h3>
</div>
<script language="javascript" type="text/javascript" src="http://radio.solumedia.com.ar:2199/system/streaminfo.js"></script>
</header>
</div>

[Alexis88]

Olvida lo que dije. Recordé la existencia de una API de JavaScript que nos permite saber si se ha producido algún cambio en el DOM, o sea, en el modelo de objetos del documento. Se trata de la API MutationObserver, con la cual sabremos si se produjo alguna modificación en el documento y, de ser así, realizaremos determinadas acciones.

Código Javascript:

var elemento = document.querySelector("#cc_strinfo_song_radiomaticaonline"),
    observador = new MutationObserver(function(mutaciones){
        mutaciones.forEach(function(mutacion){
            var titulo = mutacion.target.innerHTML;
            //Tus instrucciones
        });
    });
 
observador.observe(elemento, {
    childList: true
});
 

Primero, tomamos al elemento en donde se muestra el título. Enseguida, declaramos una variable que almacenará una instancia al objeto MutationObserver y, en su llamada de retorno, recorreremos el arreglo que contiene a todos los cambios o mutaciones ocurridas. En cada iteración, tomamos el valor contenido (en este caso, el título) en el elemento en donde se produjo el cambio y realizamos otras acciones, como puede ser el hecho de pasarlo como argumento a una función que contenga el código que ejecuta al reproductor para así cambiar el título de manera dinámica.

Con el método .observe(), podremos obtener las notificaciones necesarias para saber cuando ocurran cambios en el elemento en cuestión, pasándole como argumento a dicho elemento y un objeto literal con el atributo childList cuyo valor es true para detectar cambios en sus nodos hijos, entre los cuales se encuentran los nodos de texto. Esta parte es muy importante ya que, aunque se produzcan cambios en otros elementos, solo serán observados los del elemento establecido como primer argumento en la llamada al método.