Team-Masters.com
Que du Gratuit pour Webmasters
Intégrer du son ou de la vidéo sur son site Web
Ce qu’il y a de bien avec Internet, c’est qu’en plus du texte, des images et des animations flash, il est possible d’intégrer du son ou de la vidéo pour donner encore plus de « puissance à son site Web ».
Seulement, il faut bien le reconnaître, nous sommes toujours limités par ce fameux débit qui en fin de compte nous oblige tous à revoir nos prétentions à la baisse.
Mais les choses sont possibles quand même, le développement du haut débit aidant. Seulement, il faut bien se souvenir que ce haut débit n’est pas disponible pour tout le monde sur la planète, alors le modem 56K a quelques beaux jours devant lui. Aussi, pour intégrer du son ou de la vidéo sur son site il faudra retenir que les fichiers proposés devront répondre au sacro-saint équilibre entre désir de proposer des informations et temps de chargement. En effet, les fichiers son ou vidéo ont cette caractéristique d’être « lourds », aussi, avant de proposer un fichier à l’écoute, il faudra s’assurer de l’avoir préalablement « allégé », c’est à dire mis dans un format (MP3 par exemple) qui permettra à la fois à l’internaute de faire jouer la totalité de l’extrait sans pour autant le pénaliser par un temps de chargement excessif qui finira par l’agacer et par le faire fuir de votre site.
Résultat : vous n’aurez pas atteint votre objectif de diffuser ce que vous souhaitiez, ce qui convenez en, serait bien dommage.
Il existe toujours la solution de proposer vos fichiers multimédias en téléchargement, mais vous obligez le visiteur à opter pour une solution dont il n’a pas forcément envie et vous perdez de ce fait une option qui aurait pu faire de votre site un « plus ».
Pour proposer vos fichiers en téléchargement, il faudra les convertir en format .zip, .rar ou dans un autre format de compression pour déclencher le processus de téléchargement classique de fichiers sur le disque dur de l’utilisateur.
Autrement, pour diffuser "en direct" votre média sur votre site, il faudra adopter la technique du streaming. Le streaming est une technologie qui vous permet d’accéder aux contenus multimédias sur Internet. Streaming vient du mot anglais "stream" qui signifie "flux". Cette technologie vous permet de regarder un flux d’images et/ou d’écouter un flux de sons sur votre ordinateur en temps réel ou "à la demande" par le biais de votre connexion Internet. Avant l’arrivée du streaming, la diffusion de vidéos via Internet nécessitait le téléchargement complet du fichier avant sa visualisation, ce qui était en général très long. Grâce au streaming, vous n’êtes plus obligé d’attendre la fin du téléchargement du fichier son ou vidéo pour commencer à voir ou entendre le document multimédia. La diffusion commence quelques secondes après le début du téléchargement. Contrairement à un fichier qui vous auriez entièrement téléchargé avant de le lire, les fichiers multimédias transmis par streaming sont fortement "compressés", c’est à dire réduits pour faciliter leur transmission et ainsi permettre leur lecture en temps réel. Pour bénéficier de contenus multimédias il faut disposer :
d’une connexion Internet,
d’un plug-in qui assure le décodage des données transmises par le streaming en temps réel. Effectivement, il existe plusieurs types de formats audio et vidéo pouvant être diffusés par le streaming (Real, Windows Media, Quicktime), les deux plus utilisés restant Real Player et Windows Media Player. L’internaute devra donc disposer des plug-in permettant de lire ces types de formats. C’est pourquoi il n’est pas inutile de prévoir sur votre page (même si la majorité des internautes en sont dotés), de liens permettant le téléchargement de ces 2 principaux lecteurs.
Globalement, pour proposer un media (audio ou vidéo) sur votre site, vous pouvez le faire de différentes façons.
Vous pouvez intégrer des fichiers son au format MIDI ou WAV, mais attention, ces formats restent quand même volumineux. On verra que le streaming avec Real Player offre la possibilité de réduire les fichiers concernés. De plus, ces deux formats ne supportent pas le streaming, les fichiers devront être chargés en totalité avant d’être lus.
L’intégration d’un fichier MIDI ou WAV peut s’effectuer de différentes façons :
Soit avec la balise <bgsound>, soit avec la balise <a href="....">, ou encore avec la balise <embed>
Un son en fond de page avec la balise <bgsound>
Elle concerne le son et permet d’intégrer un arrière-plan sonore à votre page (attention : elle est spécifique à Internet Explorer, elle ne fonctionnera pas avec Netscape) et possède plusieurs attributs :
Exemple : <bgsound src="monson.mid" loop="3"></bgsound>
src : Spécifie l’URL complète (chemin) du fichier à charger pour être joué en « background ».
loop : Spécifie le nombre de fois où le fichier sera joué (si la valeur est -1 le fichier sera joué indéfiniment)
En insérant un hyperlien à l’aide de la balise <a>
Le plus simple pour insérer un son dans une page est d’appeler ce son par un lien hypertexte, comme on le ferait pour n’importe quel lien.
Exemple : <a href="medias/newsplash.wav">Cliquez ici pour écouter du sunsplash!!!</a>
Avec la balise <embed>
La balise permet d’inclure n’importe quel son. Elle fait appel, dans certains cas, à un module externe (plugin). Attention : elle n’est pas compatible avec certains navigateurs (I.E 3.0 par exemple), c’est pour cela que vous pouvez utiliser les balises <noembed> et </noembed> (ignorée par les navigateurs qui comprennent la balise <embed>) pour fournir un texte ou une image de remplacement et même la balise <bgsound>.
Voici les attributs de la balise <embed> :
align : aligne la console ou le texte (4 valeurs possibles, right, left, top, bottom).
border : Largeur de la bordure du cadre (en pixels)
width : Largeur de la fenêtre qui accueillera la console
height : Hauteur de la fenêtre qui accueillera la console
src : URL complète (chemin) du fichier
autostart : Spécifie si l’objet multimédia est joué automatiquement (true) ou non (false) (défaut : true)
autoload : Spécifie si le chargement de l’objet multimédia s’effectue automatiquement (true) ou non (false) (défaut : true)
pluginspace : URL de la page Web contenant les informations sur le plug-in (facultatif)
loop : Spécifie le nombre de fois où le fichier sera joué (si la valeur est -1 le fichier sera joué indéfiniment)
type : Indique le type MIME ex : type="audio/mod" (facultatif)
controls* : Indique l’aspect de la console de contrôle
console : Affiche toute la console sur la page (choix par défaut)
smallconsole : Affiche une console réduite
playbutton : Affiche seulement le bouton lecture
stopbutton : Affiche seulement le bouton stop
pausebutton : Affiche seulement le bouton pause
volumelever : Affiche seulement le bouton volume
hidden : Cache le panneau de contrôle
volume* : Volume initial en pourcentage
startime* : Indique le temps de départ par rapport au début du fichier (sous forme mn:ss)
endtime* : Indique le temps de fin par rapport au début du fichier (sous forme mn:ss)
* A noter que quelques attributs sont spécifiques à certains plug-ins.
Exemple : <embed src="divers/mickey.mid" width="150" height="75" autostart="false">
Voir : Son et vidéo en streaming avec RealMedia.
1er janvier 2005
Un fondu pour vos transitions de page
Créez un tableau aux coins arrondis
Liens "Suivant" et "Précédent"
Un bouton pour fermer la fenêtre
Streaming : Son et vidéo avec RealMedia
L’Icône de votre site dans la barre d’adresse
Eviter la mise en cache des pages HTML dans le navigateur
Des transitions pour vos pages
