-
Par Mike GMZ le 23 Décembre 2013 à 20:06
Introduction
Créer des liens et les sonoriser, on sait faire (voir ici : Sonoriser des liens).
Sonoriser des liens déjà codés par la plateforme Ekla,
comme les liens du menu header (menu en haut, dans le header),
c'est beaucoup plus compliqué....mais pas impossible avec du javascript.Voici une technique, ce n'est peut-être pas la meilleure, mais elle fonctionne.
Le but étant de modifier le code html du menu header,
et d'ajouter des commandes javascript sur les liens. Si on passe le curseur
sur les différents liens du menu header, on peut entendre
une voix qui lit le titre du menu..(appuyer sur F5 avant si besoin)...
Essayez donc...hein ???? ça marche !!!! (testé avec Chrome, FF, et IE11).
Important, je vous conseille de lire la page ' Jingle ' ici: http://sentrais.fr/sonoriser/sonoriser1.htm
Tout est expliqué et fort bien, merci l'auteur....! Et visiter aussi son site....une pure merveille ..!
(Depuis la rédaction de cet article, le site de "Sentrais" est fermé, hélas ....snif !!!)Prérequis
Un navigateur moderne et à jour (Chrome, FF, IE11 etc..), avec plugin ShockWaveFlash Player de Adobe
L'éditeur Notepad++ (gratuit, téléchargeable ici )
Javascript doit être activé sur le blog.Instructions
Lecteur audio :
On utilisera la gestion des fichiers pour facilité la recherche, et la copie des url (adresse de stockage).
Accessible ici : Contenu > gérer les fichiers
On crée un nouveau dossier que l'on nomme: sonoriser
On télécharge le fichier compréssé " sonoriser2.7z " (ou sonoriser2.zip)
On décompresse ce fichier pour extraire le fichier lecteur.swf
On place le fichier lecteur.swf dans le dossier sonoriser:
Contenu > gérer les fichiers > sonoriser > lecteur.swf
Article non terminé, en cours d'écriture....Les codes (HTML, JS, CSS)
Attention : le code html (et donc le JS ) ci-dessous correspond à mon menu-header perso.
Mettre votre code à la place .....
13 commentaires