[Vidéo] Intégration des fichiers dans une page html

Pour insérer un fichier Real dans une page html il existe deux méthodes, soit en créant un lien vers le player Real, soit en intégrant le fichier directement dans la page.
Nous allons voir les deux méthodes avec un fichier audio, pour intégrer le fichier dans votre page html vous pouvez utiliser une extension pour Dreamweaver, disponible sur le site de Macromedia (rubrique Rich Media).
A noter : le principe reste le même pour un fichier vidéo.

Lancer le fichier avec le player Real

Dans un éditeur de texte, tapez le chemin absolu de votre fichier Real (extension .rm), tel qu’il se trouve sur votre serveur distant.
Ex : http://www.flashxpress.net/dwmx/real/tutos_fxp.rm
Enregistrer ce fichier avec l’extension .ram, puis dans votre page, créer un lien directement vers ce fichier.
Ex : <A href= »tutos_fxp.ram »>Cliquez pour &eacute;couter</A>

Dans une page HTML avec Dreamweaver

Après avoir installé l’extension disponible sur le site de Macromedia, de nouveaux objets sont disponibles (Objets, RealMedia).
On clique sur RealAudio.

Sélection du fichier

On sélectionne le fichier sur le disque dur, ce qui génère automatiquement un fichier index.rpm.
Ce fichier a la même utilité que le fichier .ram créé précédemment pour lancer la console Real. Nous allons l’ouvrir dans un éditeur de texte et saisir de la même manière que précédemment le chemin absolu du fichier audio.
Ex : http://www.flashxpress.net/dwmx/real/tutos_fxp.rm

L’ inspecteur de propriétés

Dans l’inspecteur de Propriétés, vous pouvez agir sur le fichier, la taille du logo, son identifiant, le lancement automatique du son, montrer/cacher le logo, etc…
A noter : avec un fichier en extension .php, j’ai remarqué que l’inspecteur de Propriétés n’est pas complet (manques « Auto-Start » et « Hide Logo »).

Ajouter la console de contrôle

On peut ajouter une console permettant de contrôler le flux audio, lancer le fichier, faire un pause, augmenter le son, etc…
(Objets, RealMedia, RealMedia)

Choix de la console de contrôle

On choisit le type de console désiré :

Informations & Logos Real


Contrôles


Boutons de contrôle

Contrôle du volume

Barre de statuts


Panels d’informations


Bookmark and Share

Répondre