LinuxPedia

Wiki libre et indépendant dédié à GNU-Linux et BSD.

Outils pour utilisateurs

Outils du site


wiki:syntaxe-video
no way to compare when less than two revisions

Différences

Ci-dessous, les différences entre deux révisions de la page.


wiki:syntaxe-video [2018/11/17 12:54] (Version actuelle) – créée - modification externe 127.0.0.1
Ligne 1: Ligne 1:
 +====== Vidéo sur LinuxPédia ======
 +===== Ajouter une vidéo existante =====
 +Si vous désirez ajouter une vidéo présente sur le net (YouTube ou Viméo), le plugin **vshare** est là pour ça : il présent dans la barre d'édition des rédacteurs (le petit bouton en forme de "clap").\\
 +Il suffit de renseigner l'adresse internet de la vidéo à insérer dans la fenêtre pop-up lors du clic sur le bouton "vshare" comme ceci : {{:wiki:vshare-scrot.png?300|}}\\ ce qui va donner ce code :<code>{{ vimeo>84843490?medium }}</code> et afficher ce résultat :\\
 +{{ vimeo>84843490?medium }}\\
 +note : la syntaxe vshare accepte l'alignement comme les images (sans, gauche, centre, droite)
 +===== Ajouter une vidéo locale =====
 +Si vous désirez ajouter une vidéo "maison" .. voici comment faire
 +==== Créer la vidéo ====
 +Il existe plusieurs logiciels permettant de créer une capture vidéo de son écran. Personnellement j'utilise **Qt-Recordmydesktop** car je trouve qu'il est très simple d'utilisation.\\ 
 +De plus **recordmydesktop** crée un fichier au format **ogg**, format 100% libre.
 +  *[[multimedia:recordmydesktop|Créer une capture vidéo de son écran avec recordmydesktop]]\\ \\ 
  
 +----
 +
 +==== Ajuster la résolution et la qualité ====
 +Les principaux logiciels de capture vidéo créent un fichier qui a une résolution égale à la dimension de l'écran. Par exemple pour moi 1680 x 1050 pixels... Un peu gros...\\ 
 +La "largeur utile" des pages de LinuxPédia est d'environ 650 pixels, donc il faut ajuster sa vidéo à une largeur disons de 600 pixels.\\ 
 +Dans mon cas (1680 x 1050 pixels), je ré-encode mon fichier en 600 x 400 pixels.\\ 
 +Pour une résolution de 1024 x 768, ré-encoder le fichier en 600 x 450 pixels.\\ 
 +  *[[multimedia:ffmpeg2theora|Ajuster la résolution et la qualité avec ffmpeg2theora]].\\ \\ 
 +
 +----
 +
 +==== Héberger sa vidéo ====
 +Votre vidéo au format **ogg** (ogv) est maintenant prête, il faut l'héberger.\\ 
 +LinuxPédia n'hébergeant pas ce type de fichier, nous vous conseillons d'utiliser des sites comme [[http://archive.org|Archives.org]] ou [[http://blip.tv|Blip.tv]].\\ \\ 
 +
 +----
 +==== Générer le code ====
 +Maintenant que votre vidéo est hébergée, il faut créer un "code" que l'on insérera à notre page sur LinuxPédia.\\ 
 +  *[[http://itheora.org/?p=code|Le générateur de code]].\\ \\ 
 +
 +----
 +
 +==== Insérer la vidéo à une page ====
 +Il suffit simplement d'ajouter le code généré **entre deux balises html** dans votre page.\\ \\ 
 +Par exemple, j'ai mis [[http://www.archive.org:80/details/pencil_675|cette petite vidéo]] sur archive.org (340 x 280 pixels), le générateur de code m'a créé ce code :
 +  <object data="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" type="application/xhtml+xml" style="width:340px; height:280px;">
 +  <!--[if IE]>
 +  <iframe src="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" style="width:340px; height:280px;" allowtransparency="true" frameborder="0" >
 +  </iframe>
 +  <![endif]-->
 +  </object>
 +je l'insère à ma page entre deux balises html :
 +  <html>
 +  <object data="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" type="application/xhtml+xml" style="width:340px; height:280px;">
 +  <!--[if IE]>
 +  <iframe src="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" style="width:340px; height:280px;" allowtransparency="true" frameborder="0" >
 +  </iframe>
 +  <![endif]-->
 +  </object>
 +  </html>
 +Ce qui nous donne :\\ \\ 
 +<html>
 +<object data="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" type="application/xhtml+xml" style="width:340px; height:280px;">
 +<!--[if IE]>
 +<iframe src="http://theorasea.org/itheora/index.php?v=http://www.archive.org:80/download/pencil_675/pencil.ogg" style="width:340px; height:280px;" allowtransparency="true" frameborder="0" >
 +</iframe>
 +<![endif]-->
 +</object>
 +</html>
 +<note>
 +En fouillant un peu dans le [[http://itheora.org/?p=code|générateur de code]] vous allez voir que l'on peu ajouter une image de présentation à votre vidéo.
 +</note>
 +\\ \\ 
 +
 +----
 +
 +==== Remerciement ====
 +Un grand merci à **JosephK** le "concepteur" de tout ça, de [[multimedia:iTheora]] ou encore de [[http://fr.theorasea.org/|TheoraSea]] ;-)\\ \\ 
 +
 +----
 +//[[wiki:syntaxe|Retour à la page "Comment créer une page"]]//
wiki/syntaxe-video.txt · Dernière modification : 2018/11/17 12:54 de 127.0.0.1