Insérer un son
Mise à jour 2012
Utiliser dewplayer d'Alsacreations
Dewplayer est sous licence Creative Commons. Son utilisation est libre et gratuite même dans un cadre professionnel ou commercial.
La compatibilité est limitée aux fichiers MP3 encodés à 44.1 Khz sinon la lecture se fera en accéléré. Aucun autre format n'est ni ne sera géré..
Télécharger dewplayer sur le site d'Alsacreation
Exemple de code HTML a insérer dans votre page
<object type="application/x-shockwave-flash" data="http://jean.paul.job.free.fr/son1/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="movie" value="http://jean.paul.job.free.fr/son1/dewplayer.swf" />
<param name="flashvars" value="mp3=http://jean.paul.job.free.fr/femmes/medee.mp3&volume=60" />
<param name="wmode" value="transparent" />
</object>
Les options :
Elles peuvent être mentionnées dans param name="flashvars" option1=valeur1&option2=valeur2
ou dans parma name="movie" après l'adresse du fichier dewplayer.swf?option1=valeur1&option2=valeur2.
dans l'exemple ci dessus on a fixé le son à 60%
<param name="flashvars" value="mp3=http://jean.paul.job.free.fr/femmes/medee.mp3&volume=60" />
volume=50 (0 = silence, 100 = volume maximum) recommandé 50%
autostart=true = démarage lecture automatique (déconseillé)
autoreplay=true Lecture en boucle
Pour les versions multi-mp3 : randomplay=true Lecture aléatoire
showtime=true Affichage en minutes:secondes sous la forme mm:ss
nopointer=true Désactive le curseur sur la ligne de temps
xml=playlist.xml Spécifie une playlist au format XML XSPF, pour les lecteurs multi-pistes.
fading=3 Transition (en secondes) entre un morceau et son suivant, pour les lecteurs équipés des transitions.
Sites utilisant dewplayer :
La Tribune, Virgin Radio, Libération, Elysee.fr, Agoravox, Le Monde, NRJ, Ciel et Espace, Teleramaradio, Radio Suisse, Ministère de l'Education Nationale et des centaines d'autres.
Ce lecteur créé par Dew a également été cité par des sites de design web internationaux ainsi que par les magazines .net, SVM et L'Ordinateur Individuel. >
Détaille d'installation de dewplayer avec Tutoriel-video
Avec dewplayer
Télécharger dewplayer en cliquant ici
<p>Version Basique : 1 fichier</p>
<object type="application/x-shockwave-flash" data="musique/dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="musique/dewplayer.swf" />
<param name="flashvars" value="mp3=musique/mp3/01.mp3" />
</object><br/>
<p>Version Mini : 1 fichier </p>
<object type="application/x-shockwave-flash" data="musique/dewplayer-mini.swf" width="160" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="musique/dewplayer-mini.swf" />
<param name="flashvars" value="mp3=musique/mp3/01.mp3" />
</object><br/>
<p>Version Multi : 3 fichiers</p>
<object type="application/x-shockwave-flash" data="musique/dewplayer-multi.swf" width="240" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="musique/dewplayer-multi.swf" />
<param name="flashvars" value="mp3=musique/mp3/01.mp3|musique/mp3/02.mp3|musique/mp3/03.mp3" />
</object><br/>
<p>Version playlist : 3 fichiers</p>
<object type="application/x-shockwave-flash" data="musique/dewplayer-playlist.swf" id="dewplayerpls" name="dewplayerpls" width="240" height="200">
<param name="movie" value="musique/dewplayer-playlist.swf">
<param name="flashvars" value="xml=musique/playlist.xml">
</object>
Source : www.tutoriels-video.fr
Balise EMBED (ici c'esrt la préhistoire!)
SRC autostart loop
<EMBED SRC="son.wav" AUTOSTART="true" LOOP="-1">
<BG SOUND="son.wav" AUTOSTART="true" LOOP="-1">
AUTOSTART="True or False" : permet de déclarer le lancement du son à l'ouverture de la page.
LOOP=" " permet de déterminer le nombre de fois où le son va être joué. La valeur -1 signifie que le son sera répété à l'infini.
La recommandation est de ne pas démarrer de musique de façon automatique, laisser le visiteur du site décider de lui même il vous en saura grée
Insérer une vidéo
Mise à jour 2012
DewTube player vidéo pour le web en flash d'Alsacreations
Intégrez des vidéos FLV et F4V (HD y compris) à vos pages web grâce à ce lecteur simple et très léger.
Pour le téléchargement et le mode d'emploi de DewTube player allez sur la page d'Alsacreation
You Tube reste une très bonne solution et vous informe en cas d'existence de droits d'auteurs.
Avec YouTube vous obtiendrez des vidéos au défilement fluide.
Pour cela c'est très simple :
1) Vous inscrire sur YouTube
2) télécharger votre vidéo
Youtube met votre vidéo en ligne dans un format .flv de bonne qualité et très fluide
Youtube vous permet de copier un script que vous allez insérer dans votre page web et qui vous permet d'afficher votre vidéo sur votre propre page.
Un exemple : une vidéo de danse contry avec le Quentin Country Line Danse de Saint Quentin en Yvelines 53 route de Trappes 78990 Elancourt email : quentincountry@yahoo.fr que nous remercions.
Le script fournit par youtube :
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/y7zldDHFXlo&hl=fr_FR&fs=1&color1=0x3a3a3a&color2=0x999999 name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/y7zldDHFXlo&hl=fr_FR&fs=1&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object>
Anciennement :
<CENTER><EMBED src=http://informatique.c-net.fr/video/flvplayer.swf?file=http://informatique.c-net.fr/video/nom_de_la_video.flv width=352 height=288 type=application/x-shockwave-flash quality="high" allowfullscreen="true" > </EMBED></CENTER>
Il vous faut télécharger sur votre site flvplayer.swf qui est gratuit. (Ici dans le répertoire video)
Vidéo avec firefox
<EMBED name=mediaplayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer/ src=images1/Grisette_web.avi width=330 height=340 type=application/x-mplayer2 alt=" il vous faut probablement Windows Média Player et Internet explorer." autostart="0" transparentstart="0" bgcolor="blue" CACHE="true" controller="true" controls="smallconsole" EnableContextMenu="true" loop="0" showstatusbar="0" volume="50" >
</EMBED>
Suite :
La mise en forme du texte en HTML
Les liens et URL en HTML
Les listes, les tables et les tableaux en HTML
les formulaires FORM en HTML
les images en HTML
Les vidéo et son en HTML
|
