Team-Masters.com

Que du Gratuit pour Webmasters

Recherche personnalisée

144 visiteurs par heure!

CLIQUEZ ICI, C'EST COOL ET GRATUIT !

Gagnez du trafic et de l'argent

PHP Sources

ressources graphiques



Classement de sites - Inscrivez le vôtre!

Top Clicks liendur


>

Streaming : Son et vidéo avec RealMedia

Nous avons vu les balises que l’on pouvait utiliser pour intégrer du son ou de la vidéo sur une page Web. Ici, nous allons nous intéresser plus précisément au streaming avec la technologie RealMedia.

Il est bien entendu évident que les visiteurs qui souhaiteront écouter ou voir vos productions doivent disposer sur leur machine du lecteur Real Player (actuellement RealOne Player).

Le principe du streaming (flux continu) est simple : il s’agit d’une méthode qui permet d’obtenir un téléchargement fluide, le fichier sonore (ou vidéo) se chargera petit à petit, ce qui sera transparent et souple pour le visiteur. Le contenu du média téléchargé en flux continu commence immédiatement sa lecture après une brève période de mise en mémoire tampon, et continue à se télécharger en arrière-plan pendant cette lecture. Il faudra toutefois retenir que le « poids » de votre fichier devra tout de même rester raisonnable.

Intégrer un son ou une vidéo avec la technologie RealMedia en faisant appel au streaming, nécessite trois étapes pour que cela fonctionne :

  1. Créer le fichier à diffuser au format RealAudio
  2. Création du Metafile (méta-fichier)
  3. Intégrer le fichier final dans votre page, soit par un lien, soit en intégrant la console Real Player à votre page.

Remarque : Le streaming est tributaire de votre vitesse de connexion. En effet, plus la qualité du fichier multimédia que vous souhaitez faire jouer est élevée, plus la vitesse de connexion doit être importante.

Créer le fichier à diffuser au format Real
Le but est de « transformer » (encoder) votre fichier audio par exemple au format .wav en un fichier au format Real en .rm ou .ra .
Ceci pour deux raisons simples : le format Real va d’une part réduire le poids de votre fichier son et d’autre part permettre sa diffusion en streaming.
Ah oui mais, comment on fait ? Il faut utiliser un utilitaire spécifique à la technologie Real qui va se charger de faire cette « transformation » : c’est Real Producer. Il existe une version gratuite et vous pouvez le télécharger sur le site de Real. Lors de l’encodage de votre fichier, que vous enregistrerez en .rm ou .ra

Ouvrez Real Producer, sélectionnez le menu File, puis l’option New Session. L’assistant à la création d’un fichier Real s’active : choisissez "Record from file" et précisez-lui l’emplacement du fichier source à encoder. Cliquer sur suivant et il s’ensuit toute une série d’informations que vous pouvez indiquer. Vous n’êtes pas obligés de renseigner tous les champs, les plus importants étant de choisir l’option "single rate" dans le cas du http. Vous devrez aussi indiquer l’emplacement vers lequel Real Producer devra enregistrer votre nouveau fichier, que vous enregistrez par exemple comme "mamusique.rm". L’assistant vous demande également d’indiquer la vitesse à laquelle les Internautes accéderont à votre son (option Target Audience). Il est conseillé d’opter pour du 28,8K afin que le maximum d’internautes puisse en profiter. Le programme demande aussi de spécifier la qualité du son. Il récapitule ensuite toutes les informations que vous lui avez indiqué et il ne vous reste plus qu’à appuyer sur le bouton Start pour que l’encodage de votre fichier démarre.

Création du Métafile
Votre fichier encodé au bon format Real étant prêt, il faut maintenant créer le méta-fichier qui servira d’appel pour lancer le programme de diffusion dans votre page. Ce métafile est un fichier au format .ram qui contient un appel vers le fichier en question en y écrivant l’URL complète du fichier audio.

GIF - 5.6 ko
Votre métafichier créé avec le bloc-notes

Pour le créer il suffit d’utiliser le bloc-notes de windows : ouvrez le bloc-notes et écrivez le lien comme ci-dessous. Le fichier créé devra avoir l’extension .ram. Si votre fichier se nomme mamusique.rm, qu’il se trouvera après publication dans le répertoire audio de votre site donc vous devrez créer le métafichier avec la ligne suivante : http://www.monsite.com/audio/mamusique.rm

Attention ! Quand vous aller enregistrer ce métafichier en .ram, vous devez faire attention à lui donner le même nom que le fichier .rm, mais avec l’extension .ram et à bien l’enregistrer dans le même répertoire (ici audio) que celui qui contient votre fichier Real. Pour enregister votre metafile, dans le menu déroulant de la fenêtre du bloc-notes, choisissez « tous les fichiers » et pas « document texte », sinon, La machine enregistrera mamusique.ram.txt !
Exemple : mon fichier mamusique.ram est le méta-fichier de mon fichier audio mamusique.rm, c’est-à-dire qu’il servira d’appel pour lancer le programme de diffusion. Ces deux fichiers se trouveront dans le même répertoire sur votre serveur.

Intégrer l’appel au métafichier dans votre page
Votre fichier au format Real .rm et votre Metafile au format .ram sont prêts, il ne vous reste plus qu’à créer votre page et la relier à ce Metafile, il suffit de créer un lien hypertexte qui appellera celui-ci et lancera RealPlayer.
Exemple :
<a href="http://www.monsite.com/audio/mamusique.ram">Ma musique avec RealAudio</a>

Quand le visiteur de votre page cliquera sur le lien, il sera dirigé sur le métafichier qui lui, déclenchera à son tour le lancement du programme de diffusion en streaming. Dans ce cas, le lecteur Real Player s’ouvrira pour diffuser le son demandé.
Vous auriez pu aussi intégrer la console Real Player directement à votre page. Pour cela, il faut faire appel à la balise <embed> (voir Intégrer du son ou de la vidéo sur son site Web) au lieu du lien.

2 janvier 2005

 

Dans la même rubrique

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
Intégrer du son ou de la vidéo sur son site Web
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

>> Voir tous les articles