Bonjour,
Pardon pour ma question bateau : je ne suis pas un spécialiste et je n'arrive pas à trouver dans les forums une réponse applicable.
J'ai développé un site (http://www.revue-secousse.fr/index.htm) qui (entre autres) propose à l'écoute en streaming de fichiers mp3. J'ai construit ce site en Html4 avec la balise object, en utilisant flash et dewplayer (cf. PS1 ci-dessous).
Le site fonctionne sans problème, sauf pour les tablettes et smartphones sous android et mac, flash n'étant plus reconnu. Il semble qu'il soit impossible de remplacer flash et que la seule solution soit d'utiliser la balise audio en Html5. J'ai fait un test qui semble fonctionner sur Android et tous les navigateurs classiques (cf. PS2 ci-dessous).
Problème : La barre de lecture est affreuse (la palme pour IE) et prend trop de place dans mon site. J'ai réussi à contrôler la longueur (par la feuille CSS, commande class) mais non la hauteur, et je regrette beaucoup la barre de lecture très élégante de dewplayer.
Question : Peut-on réutiliser la barre de lecture dewplayer avec la balise audio ? Si oui, comment (quelle commande ? où : dans la feuille html ou la feuille CSS ?).
Un grand merci d'avance !
Cordialement
PS1 : Commandes html4 (site)
<object type="application/x-shockwave-flash"
data="../../Sonotheque/dewplayer-rect.swf" id="dewplayer"
name="dewplayer" height="20" width="200"> <param
name="wmode" value="transparent"><param
name="movie" value="../../Sonotheque/dewplayer-rect.swf"><param
name="flashvars"
value="mp3=../../Sonotheque/Poesie/Sks12-Gregoire-Epingle.mp3&showtime=1"></object>
PS2 : Commandes html5 (Test)
<audio controls="controls" class="normal"
preload="auto"><source
src="../../Sonotheque/Poesie/Sks12-Gregoire-Epingle.mp3"
style=""></source></audio><br>
<br>
<br>
<audio>
<object type="application/x-shockwave-flash"
data="../../Sonotheque/dewplayer-rect.swf" id="dewplayer"
name="dewplayer" height="20" width="200"> <param
name="wmode" value="transparent"><param
name="movie" value="../../Sonotheque/dewplayer-rect.swf"><param
name="flashvars"
value="mp3=../../Sonotheque/Poesie/Sks12-Gregoire-Epingle.mp3&showtime=1"></object><br>
</audio>
Modifié par Cartier (23 Apr 2014 - 09:19)
Pardon pour ma question bateau : je ne suis pas un spécialiste et je n'arrive pas à trouver dans les forums une réponse applicable.
J'ai développé un site (http://www.revue-secousse.fr/index.htm) qui (entre autres) propose à l'écoute en streaming de fichiers mp3. J'ai construit ce site en Html4 avec la balise object, en utilisant flash et dewplayer (cf. PS1 ci-dessous).
Le site fonctionne sans problème, sauf pour les tablettes et smartphones sous android et mac, flash n'étant plus reconnu. Il semble qu'il soit impossible de remplacer flash et que la seule solution soit d'utiliser la balise audio en Html5. J'ai fait un test qui semble fonctionner sur Android et tous les navigateurs classiques (cf. PS2 ci-dessous).
Problème : La barre de lecture est affreuse (la palme pour IE) et prend trop de place dans mon site. J'ai réussi à contrôler la longueur (par la feuille CSS, commande class) mais non la hauteur, et je regrette beaucoup la barre de lecture très élégante de dewplayer.
Question : Peut-on réutiliser la barre de lecture dewplayer avec la balise audio ? Si oui, comment (quelle commande ? où : dans la feuille html ou la feuille CSS ?).
Un grand merci d'avance !
Cordialement
PS1 : Commandes html4 (site)
<object type="application/x-shockwave-flash"
data="../../Sonotheque/dewplayer-rect.swf" id="dewplayer"
name="dewplayer" height="20" width="200"> <param
name="wmode" value="transparent"><param
name="movie" value="../../Sonotheque/dewplayer-rect.swf"><param
name="flashvars"
value="mp3=../../Sonotheque/Poesie/Sks12-Gregoire-Epingle.mp3&showtime=1"></object>
PS2 : Commandes html5 (Test)
<audio controls="controls" class="normal"
preload="auto"><source
src="../../Sonotheque/Poesie/Sks12-Gregoire-Epingle.mp3"
style=""></source></audio><br>
<br>
<br>
<audio>
<object type="application/x-shockwave-flash"
data="../../Sonotheque/dewplayer-rect.swf" id="dewplayer"
name="dewplayer" height="20" width="200"> <param
name="wmode" value="transparent"><param
name="movie" value="../../Sonotheque/dewplayer-rect.swf"><param
name="flashvars"
value="mp3=../../Sonotheque/Poesie/Sks12-Gregoire-Epingle.mp3&showtime=1"></object><br>
</audio>
Modifié par Cartier (23 Apr 2014 - 09:19)