LinuxPedia

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

Outils pour utilisateurs

Outils du site


wiki:syntaxe-video

Différences

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

Lien vers cette vue comparative

wiki:syntaxe-video [2018/11/17 13:54] (Version actuelle)
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 13:54 (modification externe)