PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Champ d'une page
  • Créer un champ Vidéo
  • Créer un champ Multimédia
  • Caractéristiques d'un champ Vidéo/Multimédia
  • Fichier vidéo
  • Sous-titrage
  • Autres options
  • Manipuler un champ Vidéo/Multimédia par programmation
  • Modification de la vidéo dynamiquement par programmation
Produits
WINDEVWEBDEV - Code ServeurWEBDEV - Code NavigateurWINDEV MobileEtats et Requêtes
Plateformes
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidWidget AndroidiPhone/iPadApple Watch
Langages
JavaPHPAjaxCode Utilisateur (MCU)Langage Externe
Bases de données
HFSQLHFSQL Client/ServeurProcédures stockéesOLE DBODBCAccès Natifs
Présentation

Champ d'une page

Le champ Vidéo permet d'afficher de façon simple une vidéo dans le navigateur. Le champ Multimédia permet d'afficher de façon simple une vidéo dans le navigateur.
Remarque : Dans les version 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.
Versions 16 et supérieures
Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique.
Nouveauté 16
Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique.
Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique.
La vidéo peut être pilotée en code navigateur grâce aux fonctions Multimédia.

Créer un champ Vidéo

Pour créer un champ Vidéo :
  1. Sous l'éditeur de pages, cliquez sur l'icône Création d'un champ Vidéo (ou sélectionnez l'option "Insertion .. Champ .. Champ vidéo").Sous le volet "Création", dans le groupe "Champs usuels", déroulez "Image" et sélectionnez "Champ vidéo".
  2. 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).

Créer un champ Multimédia

Pour créer un champ Multimédia :
  1. Sous le volet "Création", dans le groupe "Champs usuels", déroulez "Image" et sélectionnez "Champ multimédia".
  2. 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 Vidéo/Multimédia

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.
Le lecteur multimédia utilisé par le champ dépend du format de fichier et du système d'exploitation.
Versions 16 et supérieures
Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique.
Nouveauté 16
Si le navigateur utilisé supporte la norme HTML 5, la vidéo sera automatiquement jouée sans lecteur vidéo spécifique.
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 fichierLecteur 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 :
  • .flv
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) :
  • .mp4
Si le logiciel Quicktime est présent, il est utilisé. Sinon, le choix du lecteur vidéo à employer est laissé au navigateur.
MPEG :
  • .mpg
  • .mpeg
  • .mp3
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 :
  • .mov
  • .aiff
Si le logiciel Quicktime est présent, il est utilisé. Sinon, le choix du lecteur vidéo à employer est laissé au navigateur.
Ogg Vobis :
  • .ogg
  • .ogm
  • .oga
  • .ogv
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 casLe 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 Vidéo 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.
Versions 19 et supérieures

Sous-titrage

Pour ajouter des sous-titres à un fichier multimédia, il suffit de :
  1. Cliquer sur le bouton "+".
  2. 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.
Nouveauté 19

Sous-titrage

Pour ajouter des sous-titres à un fichier multimédia, il suffit de :
  1. Cliquer sur le bouton "+".
  2. 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.

Sous-titrage

Pour ajouter des sous-titres à un fichier multimédia, il suffit de :
  1. Cliquer sur le bouton "+".
  2. 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 de la vidéo : Cette option permet de démarrer automatiquement la vidéo à l'affichage de la page.
  • Autorise le mode 'plein écran' : Cette option permet à l'utilisateur de passer en mode plein écran.
  • Répétition automatique de la vidéo : Cette option permet de relancer en boucle la vidéo.
  • 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 Vidéo/Multimédia par programmation

Modification de la vidéo dynamiquement par programmation

Pour changer dynamiquement le fichier vidéo associé au champ Vidéo, 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 :
Le champ Multimedia 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
Version minimum requise
  • Version 15
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire