para - insertar video en html5

¿Cómo hago para que un archivo<audio> se reproduzca continuamente en todas las páginas?

Question

Me pregunto cómo hago para obtener un archivo de audio para reproducir ''continuamente'' en todas las páginas. Entonces, si el archivo de audio se ha reproducido durante 20 segundos, luego, al navegar en otra página, continuará desde donde se detuvo. También estoy tratando de reducir el volumen después de navegar fuera de mi página de inicio. ¡Cualquier consejo o consejo me agradecería! Gracias = D

<audio src="songforsite.mp3" loop="true" autoplay="true" controls>
Unsupported in Firefox
</audio>

Answer 1

Bueno ... una forma limpia y ordenada de hacerlo, es la forma en que soundcloud.com y spoify.com hicieron a través de ajaxifing todas las páginas.

corrija una página y cambie el contenido de las páginas a través de ajax, y cambie la url también para que el usuario tenga la ilusión de navegar; esta no es la solución más fácil ni la más rápida, pero es la más limpia ... lejos del miedo a las incompatibilidades de los navegadores

Answer 2

Sí, es posible. prueba esto:

<audio preload="auto" src="a.mp3" loop="true" autobuffer>
Unsupported in Firefox
</audio>

<script>

function setCookie(c_name,value,exdays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
    {
      x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
      y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
      x=x.replace(/^/s+|/s+$/g,"");
      if (x==c_name)
        {
        return unescape(y);
        }
      }
}

var song = document.getElementsByTagName(''audio'')[0];
var played = false;
var tillPlayed = getCookie(''timePlayed'');
function update()
{
    if(!played){
        if(tillPlayed){
        song.currentTime = tillPlayed;
        song.play();
        played = true;
        }
        else {
                song.play();
                played = true;
        }
    }

    else {
    setCookie(''timePlayed'', song.currentTime);
    }
}
setInterval(update,1000);
</script>

Answer 3

Si realmente navega a otra página, entonces no obtendrá una reproducción realmente continua.

Hay tres enfoques comunes:

• abre tu reproductor de audio en una ventana emergente
• cuadros: un cuadro principal para su página para mostrar, un cuadro pequeño para el reproductor de audio
• no navegar realmente a otras páginas, pero hacer todo con AJAX y, por lo tanto, no volver a cargar la página, pero solo cambiar dinámicamente partes de la estructura del documento; tal vez agregando funcionalidad de enlace real, incluido el cambio de la barra de direcciones utilizando la API de historial de HTML5

Todos los enfoques tienen sus pros / contras. La ventana emergente es quizás la más fácil de implementar y tiene los inconvenientes más pequeños (en comparación con los marcos).

También estoy tratando de reducir el volumen después de navegar fuera de mi página de inicio.

Luego capture cualquier clic en su enlace / botón de "inicio" y llame al método de volume del elemento de audio con un valor de parámetro que va de 0 a 1 para configurar el volumen.