Foros del Web » Creando para Internet » HTML »

Audio permanente

Estas en el tema de Audio permanente en el foro de HTML en Foros del Web. 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) ...
  #1 (permalink)  
Antiguo 13/04/2012, 06:09
Avatar de caruizj  
Fecha de Ingreso: marzo-2012
Ubicación: Málaga
Mensajes: 161
Antigüedad: 12 años, 9 meses
Puntos: 14
Audio permanente

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:


Cita:
<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 :)
__________________
Aprendiendo un poco de Java :D
  #2 (permalink)  
Antiguo 13/04/2012, 07:22
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Audio permanente

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
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 13/04/2012, 07:34
Avatar de caruizj  
Fecha de Ingreso: marzo-2012
Ubicación: Málaga
Mensajes: 161
Antigüedad: 12 años, 9 meses
Puntos: 14
Respuesta: Audio permanente

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

Un saludo ;)
__________________
Aprendiendo un poco de Java :D
  #4 (permalink)  
Antiguo 13/04/2012, 14:14
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 9 meses
Puntos: 142
Respuesta: Audio permanente

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?
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #5 (permalink)  
Antiguo 13/04/2012, 14:59
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Audio permanente

@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.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #6 (permalink)  
Antiguo 13/04/2012, 15:06
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 16 años, 9 meses
Puntos: 142
Respuesta: Audio permanente

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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...

Etiquetas: audio, permanente
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:54.