Come mantenere la riproduzione audio durante la navigazione tra le pagine?

Sto creando un sito Web per la mia band di amici. Vorrei sapere se è possibile (a parte l'utilizzo di Ajax) mantenere l'audio riprodotto dopo aver cliccato su un link ad un'altra pagina del sito?Come mantenere la riproduzione audio durante la navigazione tra le pagine?

Attualmente l'ho configurato utilizzando Ajax per ricaricare il contenuto, ma ho alcuni problemi con esso e preferisco non occuparmi del disturbo a meno che non sia necessario.

Se non è possibile, esiste un modo per ridurre al minimo l'interruzione (pausa e poi di nuovo la riproduzione) durante la navigazione? Sarebbe possibile per la nuova pagina continuare a riprodurre la traccia da dove è stata interrotta l'ultima pagina, ma vorrei ridurre al minimo la pausa. Oppure, a questo proposito, è possibile mantenere determinati elementi della pagina caricati dopo aver modificato l'URL (senza utilizzare # url), come fa facebook (come in, si fa clic su di esso, ma il banner non scompare mai durante il caricamento)

Grazie per qualsiasi aiuto :)

fonte

2012-03-04 SkinnyBill

Utilizzare Ajax per caricare il contenuto e l'API di Cronologia pushState() per modificare l'URL senza ricaricare la pagina.

Per un comportamento coerente tra i browser, prendere in considerazione l'utilizzo di una libreria wrapper come History.js.

fonte

2012-03-04 13:37:42

Grazie! Non sapevo che si potesse fare senza usare #. Prenderò in considerazione l'utilizzo di questo :) – SkinnyBill

Siti come Facebook utilizzano JavaScript/AJAX per questo genere di cose. Se non si desidera utilizzarlo, è possibile utilizzare i frame (non consigliato). Dividi la pagina in due riquadri: il giocatore e il sito stesso. In questo modo puoi facilmente spegnerlo, basta aprire il sito senza frame.

Buona fortuna!

fonte

2012-03-04 13:33:56 Wesley

Come Facebook fare questo tipo di Ajax? Quando l'ho cercato, l'unico modo per "cambiare" l'url con una funzione Javascript/jQuery è usare # nell'URL – SkinnyBill

Il commento di Marat Tanalin qui sotto è stato utile - ora so che l'URL può essere cambiato senza usare #. Inoltre, so di non usare i frame. ugh! Tacky: l – SkinnyBill

Ovviamente è anche possibile far apparire il lettore in un'altra finestra/scheda. (Per ora) Non sarà possibile senza frame o javascript.

fonte

2012-03-04 13:36:11 m02ph3u5

-1

Potrebbe essere problematico implementarlo in modo diverso rispetto ad AJAX, tuttavia è possibile utilizzare gli IFrame, in cui la musica verrà riprodotta in quella principale e il contenuto verrà visualizzato nel figlio o sarà sempre possibile renderlo un Flash pagina web.

fonte

2012-03-04 13:37:03 Dave

-2

Costruirlo in Wordpress e utilizzare il plug-in AnythingSlider per spostare le pagine all'interno della pagina principale. In questo modo puoi avere una navigazione a schede e non lasciare mai la pagina effettiva. Non c'è bisogno di scrivere troppo codice. AnythingSlider utilizza html per le diapositive.

Non è inoltre possibile utilizzare wordpress e basta utilizzare il codice AnythingSlider.

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

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

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

fonte

2012-03-04 13:38:57 IanB