Audio permanente

[caruizj]

Buenas, tengo un problemilla con el audio de mi web.

El problema es que yo en el index le pongo la música (que funciona bien) con la siguiente etiqueta:

<audio autoplay="autoplay">
<source src="nombreCancion.mp3" type="audio/mp3" />
</audio>

Lo que pasa es que cuando le doy a la pestaña por ejemplo "quienSoy.html" tambien tengo la etiqueta de música, pero empieza de nuevo, voy al index.html y de nuevo empieza la música de nuevo....

Como puedo hacer para que la canción suene siempre por el mismo sitio que está a pesar de cambiar de pestañas?

Un saludo y gracias :)

[maycolalvarez]

el problema se debe a como funciona el ciclo de una aplicación web:

cliente -> petición HTTP-> server HTTP -> respuesta -> cliente

en ése proceso el navegador recarga el lienzo y todo contenido HTML (DOM) por lo cual la música vuelve a hacer una petición HTTP y volver a reproducirse.

las únicas formas de conservar la música permanente son:

framesets: obsoletos, compromete el SEO

AJAX: si se abusa de la técnica se vuelve ineficiente, compromete al SEO (a excepción de si usas HTML5 pushState (requiere navegador compatible), no vale el hash de la URL), requiere javascript

Popups: si es automático los navegadores lo bloquean, requiere javascript, requiere que el usuario lo acepte y deje la ventana abierta

[caruizj]

Gracias intentaré hacerlo en AJAX, me pondré a investigar porque no tengo ni zorra idea de como hacerlo jaja.

Un saludo ;)

[daPhyre]

Las mejores soluciones hoy día (Creo yo) es una página en Ajax, o una página que contenga toda la página, y oculte/muestre las secciones dependiendo el enlace presionado. Ambos usan JavaScript, y la segunda técnica no compromete al SEO (Hasta donde tengo entendido).

Ambas técnicas se pueden hacer accesibles, aunque muchas veces no se usan las técnicas correctas con esto, cuidado con ese detalle =P

@maycolalvarez: Si se usa la técnica de anchors con href, y se carga el AJAX mediante un onclick="ajax(this.href)", esto deja de comprometer el SEO, ¿Estoy en lo correcto?

[maycolalvarez]

@daPhyre claro, mientras tengas los enlaces en el html que un robot pueda leer e interpretar, no tendrás problema con el SEO, Pero como con ajax no cambia la URL de la página el usuario final no puede compartir el enlace y si no me equivoco es muy importante para materia de SEO que los enlaces sean compartidos en otras web's.

por ello le indique el HTML5 pushState el cual ya usa facebook entre otros, porque aunque puedas variar la URL por medio del hash (#) los robots no interpretan el url después del hash y por lo tanto no hay SEO para compartir link.

[daPhyre]

No tenía en cuenta el punto de la importancia de compartir links para el SEO. Es cierto, ese es un gran problema que AJAX no cubre