Webzine avec lecteur audio

Webzine avec lecteur audio - HTML/CSS - Programmation

Marsh Posté le 07-02-2016 à 13:44:45    

Bonjour à tous,
 
Voilà mon problème. Je veux lancer un magazine en ligne (avec des articles divers) en ayant un lecteur audio sur ce même site dans le footer qui ne couperait jamais pendant la navigation sur ce site. Mais bien sure je veux mettre en ligne des musiques dont je detiens l exclusivite mais avec un systeme ou le visiteur pourra creer sa propre playlist afin de l ecouter en continu lors de sa visite.  
 
Selon vous, quelle serait la meilleure solution pour moi ?  
Jusque là on me propose de developper une application Web angular.js/node.js ou de garde une version light et simplement de développer un player en html5....
J ai pense aussi à Drupal puisque c est un magazine en ligne mais vient le probleme du player sans coupure...
Je suis perdue :(
 
Merci beaucoup pour votre aide.

Reply

Marsh Posté le 07-02-2016 à 13:44:45   

Reply

Marsh Posté le 08-02-2016 à 10:28:33    

Ce que tu veux nécessite que la page ou y'a le player ne soit jamais rechargé.
 
Tu as plusieurs solutions :
 - ouvrir une pop-up avec ton player
 - utiliser des frames (ça c'est vraiment pas top)
 - utiliser un template d'affichage permettant d'avoir une navigation intégralement en AJAX
 
Après pas mal de gens n'aiment pas du tout d'avoir de player de musique dans la page donc quelque soit la solution choisis, donne la possibilité de couper la musique (du coups la pop-up c'est pas mal ^^).


---------------
D3
Reply

Marsh Posté le 08-02-2016 à 13:04:35    

C'est clair qu'un site qui me force à écouter un truc, je me barre direct. Mais pour info, beaucoup de PC bureautiques n'ont pas les enceintes branchées  :p  
 
Autre solution que celles proposées (navigation en ajax, c'est une horreur pour les personnes ayant un handicap visuel et parfois compliqué à bookmarker les pages, les frames, ça peut être limite niveau sécu, les popup, la plupart des navigateurs les bloquent et les gens ne savent pas comment faire pour les autoriser) : récupérer le timestamp de la musique au moment où l'utilisateur change de page et faire reprendre la musique sur l'autre page à ce même timestamp. Cela dit, tu vas faire comment pour pas que ça soit une cacophonie si une personne ouvre 2 pages de ton site en même temps (dans 2 onglets par exemple) ?  
 
Bref, tout ça pour dire, que le mieux et le moins compliqué, c'est de laisser aux internautes la liberté d'écouter ce qu'ils ont envie et de couper/remettre quand ils le souhaitent. ;)
 
Edit : Drupal n'est pas un magasine en ligne mais un CMS comme le sont Wordpress, Joomal... :o


Message édité par rufo le 08-02-2016 à 13:05:43

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 08-02-2016 à 22:04:01    

Bonjour,  
 
haha oui je sais bien que drupal est un CMS ! Je me suis mal exprimee, je voulais dire que vu que le site que je veux creer est un magazine en ligne il aurait pu etre bon d'utiliser drupal pour le créer.  
 
Par contre oui vous avez raison, pour ce qui est du lecteur le but n'est pas d'obliger l'internaute à ecouter des chansons imposés mais de pouvoir s'inscrire sur le site et de creer une playlist parmi les chansons en exclu que nous mettrons en ligne et qu'il pourra ecouter quand bon lui semble sans coupure lors de son surf sur les differentes rubriques du site...  
 
Du coup angularjs est la meilleure option non ?  
Comme le fait ce template:
http://themeforest.net/item/groovy [...] w/11426974

Reply

Marsh Posté le 08-02-2016 à 22:06:44    

Je cherche vmt à faire quelque chose dans cet esprit :
http://www.delicieuse-musique.com/

Reply

Marsh Posté le 09-02-2016 à 09:48:43    

La navigation full JS (donc avec du Ajax), faut vraiment bien se mettre dans la tête que ça facilite pas du tout le bookmarking des pages puisque chaque page n'a pas forcément une url (ex : sur la page d'accueil, si t'affiches les articles 5 par 5, y'a pas d'url pour aller à la page 2 ou >, faut scroller). Ce n'est pas non plus adapté pour les personnes ayant un handicap visuel (environ 10-15% de la population française) puis que le lecteur d'écran ne va pas rafraichir le contenu.
 
Penses-tu réellement que c'est une bonne idée de se couper de 10-15% d'audience et que ton site ne soit pas accessible au minimum A ou AA (ou le top, AAA) juste parce que en ce moment, l'ajax, c'est à la mode ?
 
Je te recommande de lire le livre de Raphaël Goëtter sur le HTML et CSS3. En gros, quand on fait un site, on met le minimum de balises HTML pour la structuration des infos (donc pas de html pour la mise en forme), en suite on habille le site avec du CSS. Les principales fonctions du site doivent être opérationnelles. On rajoute le JS de manière non intrusive (donc pas dans le code HTML mais juste des fichiers js dans le <head> qui va venir améliorer l'ergonomie du site (l'expé utilisateur). Le JS est donc un plus mais on doit pouvoir utiliser les fonctions de base de ton site sans JS. :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed