18041 sujets

Questions générales et questions de débutants

Object audio

Bonjour!

Je suis à l'élaboration d'une page contenant plusieurs fichiers audio à downloader. Il s'agit de petits fichier d'une durée de quelque secondes.

Bon voilà, après divers recherche j'ai trouvé comment intégré un fichier audio, à l'aide de la balise object, à ma page (jamais fait ça avant).

Sémantiquement, j'ignore s'il s'agit de la meilleur méthode.
Et je me demandais s'il est possible de modifier l’apparence de la barre de défilement, j'aimerais y mettre une simple bouton à la place.


<ul>
    	<li>
            <object  type="audio/mpeg" height="16px" width="100px" data="../../download/sound/Alarm-1.mp3">
                <param name="src" value="../../download/sound/Alarm-1.mp3">
                <param name="autoplay" value="false">
                <param name="autoStart" value="0">
            </object>
            <a href="../../download/sound/Alarm-1.mp3">Alarm-1.mp3</a></li>
    	<li>...</li>
</ul>
Bon changement de plan.
Finalement, après peaufinement du code, ça ne donne pas du tout l'effet recherché.

Je suis donc à la recherche un bon plugin jquery pour faire jouer la 30aine de fichier audio individuellement.

Alors avis au connaisseur...
Parce que non compatible avec les mobiles? enfin à ma connaissance...

Dewplayer, j'y ais pensé, mais est non personnalisable et le design ne se marie pas bien à celui de mon site.
Tu peux très bien proposer un contenu alternatif pour Flash, c'est prévu dans l'élément object.
juliesunset a écrit :
Parce que non compatible avec les mobiles? enfin à ma connaissance...


Alors tu DOIS utiliser html5, avec une alternative flash: 

<video height="300" width="400" controls="controls">
	<source src="http://lombre.net/public/video.mp4" type="video/mp4"/>
	<source src="http://lombre.net/public/video.ogv"  type="video/ogg"/>
	<object type="application/x-shockwave-flash" data="http://lombre.net/?pf=player_flv.swf" height="300" width="400">
		<param name="movie" value="http://lombre.net/?pf=player_flv.swf" />

		<param name="wmode" value="transparent" />
		<param name="allowFullScreen" value="true" />		
		<param name="FlashVars" value="flv=http://lombre.net/public/video.mp4&amp;width=400&amp;height=300&amp;margin=1&amp;showfullscreen=1&amp;showvolume=1&amp;showtime=1" />
		<a href="http://lombre.net/public/video.mp4">Vidéo au format MP4</a> ou <a href="http://lombre.net/public/video.ogv">Vidéo au format OGV</a>

	</object>
</video>

Exemple.
Merci pour vos piste, je vais regarder ça.

Je parle de non compatibilité avec les mobile, mon site n'est pas encore optimiser, mais c'est la prochaine étape, alors je doit penser à ce genre de détails quand je crée une nouvelle page.

La balise audio j'y songe de plus en plus. Le "problème" c'est que mon site n'est pas en html5 (mais je compte faire la conversion éventuellement) mais il n'y a rien qui m'empêche de mettre le doctype en html5 pour cette page là spécifiquement... Parlant d'alternative flash... je crois savoir que le flash n'est pas "lisible" sur le iPhone et iPad? J'ai de plus en plus de visiteurs provenant de c'est 2 produits.

D'ailleurs je me demandais si je pouvais continuer à coder en xhtml transitionnel tout en ayant un doctype en html5?
J'ai fait comme suggéré, utilisé la balise audio avec une alternative flash.
Tout est correct sous FF6 et Chrome.
Mais j'ai des problèmes de mise en page sous iE8, j'ignore encore ce que ça donne sous iE9.

Donc voilà la page en question
Sous iE8 c'est le lecteur flash qui apparait, mais j'ai un gros espace à droite du lecteur qui casse toute ma mise en page. Les 2 bloc sous le tableaux sont supposé être à côté.
Sujet clos
Aller à