2012-03-04 17 views
5

Estoy haciendo un sitio web para mi banda de amigos. Me gustaría saber si es posible (además de usar Ajax) para mantener la reproducción de audio después de hacer clic en un enlace a otra página en el sitio.¿Cómo mantener la reproducción de audio mientras navegas por las páginas?

Actualmente lo tengo configurado usando Ajax para volver a cargar el contenido, pero estoy teniendo algunos problemas con él, y prefiero no lidiar con la molestia a menos que realmente tenga que hacerlo.

Si no es posible, ¿hay alguna manera de minimizar la interrupción (pausar y volver a reproducir) mientras navega? Es posible que la nueva página continúe reproduciendo la pista desde donde se detuvo la última página, pero me gustaría minimizar la pausa. O bien, en este tema, es posible mantener ciertos elementos de página cargados después de cambiar la URL (sin usar # urls), como Facebook (como en, haga clic en él, pero la pancarta nunca desaparece durante la carga)

Gracias por cualquier ayuda :)

Respuesta

9

Use Ajax para cargar contenido e Historial de la API pushState() para alterar la URL sin recargar la página.

Para un comportamiento coherente en todos los navegadores, considere utilizar una biblioteca contenedora como History.js.

+0

¡Gracias! No sabía que esto podría hacerse sin usar #. Consideraré usar esto :) – SkinnyBill

1

Sitios como Facebook utilizan JavaScript/AJAX para este tipo de cosas. Si no desea usarlo, puede usar marcos (no recomendado). Divida la página en dos cuadros: el jugador y el sitio web en sí. De esta manera, también puedes desactivarlo fácilmente, solo abre el sitio sin marcos.

¡Buena suerte!

+0

¿Cómo Facebook hacer ese tipo de Ajax? Cuando lo busqué, la única forma de 'cambiar' la URL con una función de Javascript/jQuery es usar # en la URL – SkinnyBill

+0

. El comentario de Marat Tanalin a continuación fue útil: ahora sé que la URL se puede cambiar sin usar #. Además, sé que no se deben usar marcos. ugh! Tacky: l – SkinnyBill

0

Por supuesto, también puede abrir el reproductor en otra ventana/pestaña. (Por ahora) No será posible sin marcos o javascript.

-1

Puede ser problemático implementarlo de forma diferente a través de AJAX; sin embargo, puede usar IFrames, donde la música se reproducirá en el principal y el contenido se mostrará en el niño o siempre se puede convertir en Flash página web.

-2

Compilarlo en Wordpress y usar el complemento AnythingSlider para que las páginas cambien dentro de la página principal. De esta forma puede tener navegación con pestañas y nunca abandonar la página real. No es necesario escribir demasiado código. El AnythingSlider usa html para las diapositivas.

Tampoco puede usar wordpress y simplemente use el código AnythingSlider.

http://css-tricks.com/anythingslider-jquery-plugin/

y

http://wordpress.org/extend/plugins/anythingslider-for-wordpress/

y

http://css-tricks.com/examples/AnythingSlider/

Cuestiones relacionadas