Comment garder la lecture audio pendant la navigation dans les pages?

Je fais un site Web pour mon groupe d'amis. J'aimerais savoir s'il est possible (sauf l'utilisation d'Ajax) de continuer à lire le son après avoir cliqué sur un lien vers une autre page sur le site?

Je l'ai actuellement configuré en utilisant Ajax pour recharger le contenu, mais j'ai quelques problèmes avec lui, et je préfère ne pas faire face à la peine, à moins que je ne devienne vraiment.

Dans la mesure du possible, existe-t-il un moyen de minimiser la perturbation (en arrêtant la lecture à nouveau) en naviguant? Il serait possible pour la nouvelle page de continuer à jouer la piste d'où la dernière page s'est arrêtée, mais j'aimerais minimiser la pause. Ou, à ce sujet, est-il possible de garder certains éléments de page chargés après avoir changé l'URL (sans utiliser # urls), comme le fait le Facebook (comme vous l'avez fait, mais la bannière disparaît pendant le chargement)

Merci pour toute aide 🙂

Utilisez Ajax pour charger le contenu et HTML5 history API ( history.pushState() ) pour modifier l'URL sans rechargement de page.

Une autre option possible est d'utiliser des cookies pour sauvegarder la position de lecture en cours ( Audio.currentTime ) lorsque l'utilisateur quitte une page, puis extraire la position du cookie et la configurer à la valeur Audio.currentTime lors du chargement de la nouvelle page. Notez que cela peut provoquer une pause notable lors de la lecture alors qu'une nouvelle page est en cours de chargement. Par conséquent, pour une lecture sans interruption, l'approche Ajax / historique est préférée.

Des sites comme Facebook utilisent JavaScript / AJAX pour ce genre de choses. Si vous ne souhaitez pas l'utiliser, vous pouvez utiliser des cadres (non recommandé). Divisez la page en deux images: le joueur et le site lui-même. De cette façon, vous pouvez facilement l'éteindre, ouvrez simplement le site sans trames.

Bonne chance!

Bien sûr, vous pouvez également faire apparaître le lecteur dans une autre fenêtre / onglet. (Pour l'instant) Ce ne sera pas possible sans cadres ou javascript.

Il pourrait être gênant de le mettre en œuvre différemment que par l'intermédiaire d'AJAX, mais vous pouvez soit utiliser IFrames, où la musique serait jouée dans la principale et le contenu s'affiche sur l'enfant ou vous pouvez toujours en faire une page Web Flash.

Créez-le dans WordPress et utilisez le plugin AnythingSlider pour que les pages se déplacent dans la page principale. De cette façon, vous pouvez avoir une navigation par onglets et ne jamais quitter la page actuelle. Pas besoin d'écrire trop de code. The AnythingSlider utilise html pour les diapositives.

Vous ne pouvez pas utiliser wordpress et utilisez simplement le code AnythingSlider.

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

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

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