L'ajout d'un fichier multimédia |
Un fichier vidéo intégré à votre site mais hébergé par YouTube
Si vous désirez intégrer des vidéos directement dans les pages de votre site nous vous conseillons d'utiliser les services du site YouTube car non seulement vos vidéos n'occuperont pas de place sur votre espace web en étant hébergé par YouTube, ni ne ralentiront votre serveur web mais en plus vos visiteurs pourront visionner vos vidéos quasiment instantanément (selon le débit de leur connexion internet) plutôt que d'attendre la fin du téléchargement de la video si c'est vous qui l'hébergez sur votre espace web.
Dans TOWeb, depuis le paragraphe de la rubrique de votre site où vous souhaitez placer votre video YouTube, cochez l'option Ajouter aussi à ce paragraphe puis cliquez sur une vidéo YouTube. Des exemples vous sont alors proposés par défaut que vous pouvez éventuellement tester avant de les supprimer et d'y ajouter les vôtres. Pour ce faire vous devrez effectuer un "copier" de l'adresse web de la vidéo YouTube désirée puis un "coller" dans le champ de TOWeb (par clic-droit & menu "Coller" ou bien par les touche CTRL+V) et cliquer ensuite sur le bouton "+".
Note : pour transférer vos vidéos sur le site de YouTube vous devrez créer au préalable un compte YouTube (gratuit). Vous aurez alors la possibilité de transférer vos videos et obtiendrez en retour son adresse web à "copier".
Exemple:
| |
|
|
|
|
Un fichier vidéo (ou musique) hébergé sur votre site
Depuis le paragraphe de la rubrique de votre site où vous souhaitez placer votre fichier multimédia, cochez l'option Ajouter aussi à ce paragraphe puis cliquez sur une vidéo / musique. Sélectionnez ensuite votre fichier musical ou vidéo et un nouvel onglet "Fichier multimédia" apparaîtra au niveau de ce paragraphe qui vous permettra de modifier les différents réglages tel que par exemple la hauteur et la largeur du lecteur multimédia et son alignement.
Il est préférable de n'utiliser cette solution qu'avec des fichiers multimédia de petite taille (comme par exemple des fichiers musicaux MIDI ou de très courtes vidéos) et de préférer l'ajout par YouTube (voir paragraphe précédent), ceci non seulement afin d'éviter re remplir rapidement votre espace web mais également pour permettre à vos visiteurs d'avoir une lecture "streamé" (c'est à dire en direct) et non pas d'attendre la fin du téléchargement pour pouvoir commencer à les visionner.
Remarque: Si l'option "Ajouter aussi à ce paragraphe" est déjà cochée et qu'un objet est utilisé au niveau de votre paragraphe vous devrez ajouter un nouveau paragraphe pour y placer votre fichier multimédia.
|
|
|
|
Exemple de résultat vidéo
|
|
|
Animation Flash
Si vous disposez d'un fichier animation au format Flash vous devrez cocher ajouter cochez l'option Ajouter aussi à ce paragraphe puis cliquez sur une animation Flash. Sélectionnez ensuite votre fichier Flash et un nouvel onglet "Fichier Flash" apparaîtra au niveau de ce paragraphe qui vous permettra de modifier les différents réglages.
Si le fichier Flash que vous souhaitez utiliser n'est pas sur votre site mais disponible depuis un autre site vous ne devrez pas utiliser l'option "une animation Flash" mais utiliser un lien vers l'adresse de ce fichier et utiliser ensuite l'option intégrer à ce paragraphe. Pour plus d'information consultez l'exemple des horloges animées gratuites de Lauyan.
|
|
Fichier à télécharger
Si votre fichier multimédia est trop volumineux ou si vous désirez que celui-ci soit directement téléchargeable par les internautes vous devrez cocher ajouter cochez l'option Ajouter aussi à ce paragraphe puis cliquez sur un fichier à télécharger. Sélectionnez ensuite votre fichier ce qui aura pour effet de créer un lien à partir duquel votre fichier sera téléchargeable sur votre site. Si vous désirez que votre lien soit mis plus en valeur, vous pouvez ajouter une image à votre paragraphe et cocher l'option placer le lien sur l'image du paragraphe ou bien également utiliser un bouton personnalisé à l'aide de l'option Placer un lien sur un bouton.
|
|
Remarques importantes :
- les fichiers GIF animées ne sont pas considéré comme des fichiers multimédia car ce sont des fichiers images. Pour les afficher dans les paragraphes de vos rubriques vous devrez donc les ajouter comme toute autre image normale.
- selon les navigateurs web utilisés par les internautes et les différents plugins & lecteurs multimédia il est possible que les fichiers multimédias ne se jouent pas toujours correctement dans des pages web. Pour éviter cela et permettre à vos visiteurs de lire vos fichiers multimédia directement dans le logiciel multimédia qu'ils utilisent sur leur ordinateur, il peut être souhaitable de les proposer comme fichier à télécharger sur votre site.
- les fichiers animations de certains logiciels comme par exemple le format PPS de Microsoft Powerpoint © ou des programmes de type EXE ou SCR ne peuvent être joué directement dans une page de votre site et doivent être tout d'abord téléchargés puis ouverts ensuite à partir de l'ordinateur de vos visiteurs. Pour cela vous devrez donc ajouter de tels fichiers non pas comme une video / musique ni animation flash mais comme "un fichier à télécharger" sur votre site.
|
|
La programmation utilisant un script (réservé aux développeurs) |
A moins que vous n'ayez des besoins très spécifiques et des connaissances en programmation HTML la méthode par script est une n'est pas conseillé car complexe à mettre en oeuvre et risque donc de ne pas fonctionner. Elle repose sur l'utilisation de code HTML que vous avez trouvé ou réalisé et devez copier/coller dans les champs script HTML de TOWeb pour utiliser un lecteur multimédia spécifique et tous ses bons paramètres. Les exemples ci-après illustrent des possibilités basées sur l'utilisation des balises HTML <EMBED> et <OBJECT> pour le cas d'une musique et celui d'une vidéo.
Script pour une musique : La procédure ci-dessous est un exemple illustrant comment utiliser un script musical. La première étape consiste à créer un nouveau champ script HTML pour votre fichier musique à l'aide de la procédure suivante: |
|
1) A l'aide de la souris, faites un clic droit dans le texte de votre paragraphe et depuis le menu déroulant sélectionner ensuite l'option Editeur de champs....
2) Cliquez alors sur le bouton Ajouter un champs et modifier le nom CHAMP attribué par défaut par le nom de votre choix, comme par exemple MA_MUSIQUE
3) Sélectionnez ensuite l'option Script HTML pour le type de ce champ
4) Puis remplacez tout le contenu du Script du champ par un copier/coller des lignes de code suivantes : |
|
|
<div align="center">
<embed src="musique.mp3" autoplay=true loop=false width=240 height=64></embed>
</div>
|
|
|
|
5) Remplacez le "musique.mp3" situé dans ce script par le nom de votre fichier musical
6) Cliquez ensuite sur l'onglet fichier Fichiers additionnels pour y ajouter votre fichier
7) Sauvegardez ensuite vos changement en cliquant sur le bouton OK
A présent que votre script est créé, vous pouvez l'utiliser où vous le désirez dans vos paragraphes. Pour cela :
1) Faites un clic droit à l'aide de votre souris dans le texte du paragraphe et sélectionnez le nom de votre script MA_MUSIQUE présent dans le menu. Vous devriez ainsi obtenir dans votre texte le nom du champ ajouté comme suit : %MA_MUSIQUE%
2) Construisez votre site à l'aide du bouton aperçu pour visualiser votre page. Vous devriez obtenir un résultat similaire à l'exemple de cette page.
|
|
Script pour une vidéo : La procédure ci-dessous un exemple illustrant comment utiliser un script pour le lecteur multimédia Microsoft MediaPlayer. La première étape consiste à créer un nouveau champ script HTML pour votre vidéo à l'aide de la procédure suivante:
|
|
1) A l'aide de la souris, faites un clic droit dans le texte de votre paragraphe et depuis le menu déroulant sélectionner ensuite l'option Editeur de champs....
2) Cliquez alors sur le bouton Ajouter un champs et modifier le nom CHAMP attribué par défaut par le nom de votre choix, comme par exemple MA_VIDEO
3) Sélectionnez ensuite l'option Script HTML pour le type de ce champ
4) Puis remplacez tout le contenu du Script du champ par un copier/coller des lignes de code suivantes :
|
|
|
<div align="center">
<OBJECT id='mediaPlayer2' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<PARAM name='fileName' value='mavideo.avi'>
<PARAM name='autoStart' value='1'>
<PARAM name='ShowControls' value='true'>
<PARAM name='EnableContextMenu' value='true'>
<PARAM name='EnableMarkerCount' value='true'>
<PARAM name='ShowGoToBar' value='true'>
<PARAM name='ShowStatusBar' value='true'>
<PARAM name='ShowTracker' value='true'>
<EMBED src="mavideo.avi"
width="320"
height="300"
filename="mavideo.avi"
enablemarkercount="1" enablecontextmenu="1" enablefullscreencontrols="1" enabletracker="1"
showcontrols="1" showaudiocontrols="1" showdisplay="1" showgotobar="1" showpositioncontrols="1"
showstatusbar="1" showtracker="1" allowchangedisplaysize="0" autorewind="0" balance="0"
bufferingtime="3" videobordercolor="1" videoborderwidth="1" volume="-500" >
</EMBED> </OBJECT>
</div> |
|
|
|
5) Remplacez les 3 occurrences "mavideo.avi" situées dans ce script par le nom de votre fichier vidéo
6) Cliquez ensuite sur l'onglet fichier Fichiers additionnels pour y ajouter votre fichier
7) Sauvegardez ensuite vos changement en cliquant sur le bouton OK
A présent que votre script est créé, vous pouvez l'utiliser où vous le désirez dans vos paragraphes. Pour cela :
1) Faites un clic droit à l'aide de votre souris dans le texte du paragraphe et sélectionnez le nom de votre script MA_MUSIQUE présent dans le menu. Vous devriez ainsi obtenir dans votre texte le nom du champ ajouté comme suit : %MA_MUSIQUE%
2) Construisez votre site à l'aide du bouton aperçu pour visualiser votre page. Vous devriez obtenir un résultat similaire à l'exemple de cette page.
|
|
|
|
