Extension:TimedMediaHandler/VideoJS Player/fr



Le lecteur VideoJS est le lecteur vidéo de MediaWiki pour les projets Wikimedia.

Il est basé sur VideoJS, et possède une interface utilisateur moderne, rapide, et compatible avec les appareils mobiles et HTML5.

Utilisation


Il possède à la fois un lecteur audio et un lecteur vidéo. Cette page présente des exemples de ces deux lecteurs. Une fois le lecteur lancé, vous verrez une barre de contrôle quand vous agirez sur la vidéo.



Les commandes sont, de gauche à droite :


 * VideoJS play pause control.png Bouton lecture/pause
 * VideoJS volume control.png Réglage du volume
 * Progression de la lecture
 * Temps de lecture restant
 * VideoJS subtitle control.png Sélecteur de langue des sous-titres et boutons de réglage du style des sous-titres.
 * VideoJS resolution control.png Sélecteur de résolution
 * VideoJS picture-in-picture control.png Bouton "Image incrustée dans l'image" éventuel
 * VideoJS fullscreen control.png Bouton plein écran
 * VideoJS file description control.png Bouton "info" pour accéder à la page de description du fichier



Commandes avec la souris et le clavier

 * Cliquez sur l'icône de lecture au-dessus de la miniature pour commencer la lecture du média.
 * Clic droit ou clic molette sur la miniature pour ouvrir la page de description du fichier
 * Lancez et mettez en pause le lecteur avec un simple clic à l'intérieur de sa fenêtre
 * Double-cliquez sur la fenêtre du lecteur pour passer en mode plein écran ou en sortir
 * Les commandes au clavier disponibles sont les suivantes :
 * touches ou  : Lancer/mettre en pause la lecture du média
 * touche : Passer en/sortir du plein écran
 * touche : Couper le son
 * Le lecteur est intégralement utilisable avec le clavier en utilisant les touches, et



Pourquoi ce nouveau lecteur ?
Le lecteur utilisé par Wikimedia depuis 2010 présente plusieurs inconvénients importants qui nous ont empêché d’apporter les améliorations supplémentaires.


 * Il ne fonctionne pas correctement sur les appareils mobiles, qui représentent la majorité de nos lecteurs.
 * Il n'est que peu utilisé par d'autres personnes.
 * Il a été écrit avant que la vidéo en HTML5 ne soit standardisée.
 * Il utilise son propre système de sous-titrage.
 * Il a été écrit pour être compatible avec Internet Explorer 6 et utilise les normes JavaScript de cette époque.
 * Il a été écrit avant que notre propre stack (« pile ») JavaScript ne soit développée.
 * Il n'a presque pas été maintenu depuis 2011.



Problèmes connus

 * Lorsqu'un wiki change de version, durant plusieurs jours on peut observer que certaines pages affichent l'ancien lecteur et que d'autres pages s'affichent avec le nouveau lecteur. Ceci est souhaité et provoqué par la mise en cache. Il n'y a pas d'action ni de rapport de bogue à écrire pour cela.
 * Les sous-titres peuvent ne pas s'afficher sur certains fichiers. Nous avons abandonné le support du balisage au format wikicode dans les sous-titres. Il est recommandé de réécrire ces sous-titres (T224258).
 * L'audio ouvre un dialogue plutôt qu'il ne s'affiche en ligne lorsqu'une transcription existe. Ceci est une modification volontaire qui nous permettra à l'avenir d'afficher des transcriptions pour l'audio. Voir T246035.

Le lecteur vidéo est toujours en développement, mais si vous rencontrez des problèmes, merci de les signaler sur la page de discussion ou de créer un rapport sur Phabricator.

Développeurs
Les développeurs qui travaillent sur les fonctionnalités impliquant le lecteur Video.js, devront l'initialiser et le configurer correctement. Vous trouverez ci-après un exemple typique d'utilisation.



Exemple de configuration de base
Le  peut également être fourni dans l'élément HTML  au lieu d'être dans le JS :



Configuration avancée avec prise en charge de Ogv.js
Si vous avez besoin de lire des fichiers OGG ou WebM inter-plateformes (beaucoup de fichiers de Commons ont ces formats), vous pouvez utiliser le greffon Ogv.js pour Video.js également inclus dans TimedMediaHandler. Exemple de configurationː