|
|
|
|
|
|
|
|
|
|
- Présentation
- Champ d'une page
- Créer un champ Multimédia
- Caractéristiques d'un champ Multimédia
- Source de la vidéo (Fichier vidéo)
- Sous-titrage
- Autres options
- Manipuler un champ Multimédia par programmation
- Modification de la vidéo dynamiquement par programmation
Le champ Multimédia (WEBDEV)
Champ d'une page Le champ Multimédia permet d'afficher de façon simple une vidéo dans le navigateur. Remarque : Dans les versions précédentes, ce champ s'appelait le champ Vidéo. Le champ prend en charge la recherche du meilleur lecteur vidéo présent sur le poste client en fonction du format du fichier vidéo à afficher. Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique. Créer un champ Multimédia Pour créer un champ Multimédia : - Sous le volet "Création", dans le groupe "Champs usuels", déroulez "Image" et sélectionnez "Champ multimédia".
- Cliquez dans la page à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Dans les caractéristiques du champ, il est possible de choisir directement le fichier vidéo à afficher. Le fichier peut également être affecté en programmation (en code serveur). Caractéristiques d'un champ Multimédia Source de la vidéo (Fichier vidéo) Le fichier vidéo peut être affecté au champ en code serveur uniquement. Le fichier vidéo peut être : - soit un chemin et un nom de fichier : dans ce cas, le fichier sera recherché dans le répertoire _WEB (ou un de ses sous-répertoires), le chemin fourni au champ doit être relatif à ce répertoire.
- soit une URL (commençant par http:// ou https://) finissant par le nom d'un fichier vidéo (par exemple : http://serveurvideo.masociete.com/films/presentation.wmv)
- soit une URL (commençant par http:// ou https://) ne finissant pas par le nom d'un fichier (par exemple : http://serveurvideo.masociete.com/film.awp?id=51452). Dans ce cas, il est nécessaire de renseigner la propriété LecteurMultimédia.
- soit une URL complète d'une vidéo hébergée hors du site (vidéo YouTube par exemple).
Remarque : Dans le cas d'une vidéo YouTube, la personnalisation des sous-titres n'est pas disponible.
Le lecteur multimédia utilisé par le champ dépend du format de fichier et du système d'exploitation.
Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique.
Le tableau suivant récapitule les principaux cas : | | | Extension du fichier | Lecteur multimédia utilisé par le champ vidéo |
|---|
Format Windows Média :- .wmv
- .wvx
- .wma
- .wax
- .asf
- .asx
- .avi
- .wav
| Sous Windows, le lecteur Windows Média est utilisé. Sur les autres systèmes d'exploitation, le choix du lecteur à employer est laissé au navigateur. | | Vidéo Flash : | Si le logiciel Flash est présent, il est utilisé. Sinon, le choix du lecteur vidéo à employer est laissé au navigateur. | | MPEG-4 Part 14 (ISO/IEC 14496-14:2003) : | Si le logiciel Quicktime est présent, il est utilisé. Sinon, le choix du lecteur vidéo à employer est laissé au navigateur. | | MPEG : | Sous Windows avec Internet Explorer, le lecteur Windows Média est utilisé. Sur les autres systèmes d'exploitation ou avec d'autres navigateurs, le choix du lecteur à employer est laissé au navigateur. | | Apple QuickTime : | Si le logiciel Quicktime est présent, il est utilisé. Sinon, le choix du lecteur vidéo à employer est laissé au navigateur. | | Ogg Vobis : | Sous Firefox (version 3.5 et supérieures), une balise "<VIDEO>" à la norme HTML 5 est employé. Avec les autres navigateurs, le choix du lecteur vidéo à employer est laissé au navigateur. | | Autres cas | Le choix du lecteur vidéo à employer est laissé au navigateur. |
Il est possible de savoir quel lecteur vidéo a été utilisé grâce à la propriété LecteurMultimédia. Remarques : - Le champ Multimédia ne contient pas de codecs de lecture. Les codecs appropriés doivent être installés sur le poste de l'internaute.
- Si la détermination du lecteur multimédia employé a été laissée à la charge du navigateur, les fonctions Multimédia ne peuvent pas être utilisées.
- Selon le lecteur multimédia effectivement utilisé, certaines fonctionnalités peuvent ne pas être disponibles (par exemple, le lecteur Flash de Adobe ne supporte pas le paramètre "Autorise le mode plein écran").
- Si le serveur Web utilisé est IIS, il est nécessaire d'ajouter pour chaque type de vidéo, un type MIME sur le serveur Web.
- La navigateur utilisé peut ne pas gérer tous les formats. Pour vérifier si le navigateur gère le format voulu (par exemple AVI), il suffit de dropper le fichier voulu dans le navigateur.
Sous-titrage Pour ajouter des sous-titres à un fichier multimédia, il suffit de : - Cliquer sur le bouton "+".
- Dans le tableau, sélectionnez :
- le type des sous-titres intégrés (dialogues, commentaires, ...).
- la langue des sous-titres.
- le libellé des sous-titres. Ce libellé permettra à l'utilisateur de sélectionner le type de sous-titre en exécution.
- le fichier contenant les sous-titres. Ce fichier peut être un fichier d'extension "vtt", "ttml" ou "srt".
Attention : - Cette fonctionnalité est une fonctionnalité HTML 5. La page doit être au format HTML 5.
- Cette fonctionnalité est directement implémentée par le navigateur. Selon le navigateur utilisé, certaines fonctionnalités peuvent être prises en charge ou non.
Autres options - Démarrage automatique : Cette option permet de démarrer automatiquement la vidéo à l'affichage de la page.
- Répétition automatique : Cette option permet de relancer en boucle la vidéo.
- Autoriser le mode 'plein écran' : Cette option permet à l'utilisateur de passer en mode plein écran.
- Barre MultiMédia : Cette option permet d'afficher la barre de gestion de la vidéo :
Attention : Les options de ce champ peuvent varier en fonction du type de vidéo jouée. Manipuler un champ Multimédia par programmation Modification de la vidéo dynamiquement par programmation Pour changer dynamiquement le fichier vidéo associé au champ, il suffit d'affecter le champ avec le nouveau fichier. Exemple :
// Modification de la vidéo affichée
// La nouvelle vidéo se trouve dans un sous-répertoire "Video" du répertoire _WEB du projet
VIDEO_Video1 = "/" + RépertoireWeb() + "/Video/Wildlife.wmv"
Liste des exemples associés :
|
Exemples unitaires (WEBDEV) : Le champ Multimedia
[ + ] Visualisation d'une vidéo depuis une application WEBDEV : - Chargement et lecture d'une vidéo - Chargement et lecture d'un fichier audio
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|