Image de l'article Petit mémo sur les différents formats vidéos

Petit mémo sur les différents formats vidéos

Préparez les différents formats vidéos

Plus vous voulez être compatible, plus vous aurez à préparer de vidéos. Puisque vous travaillez dans la conception vous avez l'habitude de gérer un certain niveau de compatibilité.

Même si ça semble fastidieux, je vous conseille tout de même de préparer vos vidéos dans les formats suivants :

Si vraiment vous voulez avoir bonne conscience, vous pouvez préparer une dernière vidéo au format MPG 1. La vidéo fonctionnera sur un PC avec Windows 95 sans installation de logiciel quelconque.

Convertir une vidéo en OGV avec ffmpeg2theora sur Mac

Commencez par télécharger et installer ffmpeg2theora. Ce compresseur s'utilise dans le Terminal, mais pas de panique c'est très simple.
Lancez ~/Applications/Utilitaires/Terminal.app

  1. Tapez (ou copier-coller) "ffmpeg2theora " dans votre fenêtre de terminal
  2. Glissez le fichier à compresser sur la fenêtre du terminal
  3. Appuyez sur la touche Entrée
  4. C'est parti !

Il est possible d'utiliser quelques options

ffmpeg2theora [liste des options] [chemin vers le fichier à compresser] 

Les options utiles :

Exemple :

ffmpeg2theora -v 9 -a 3 [chemin vers le fichier à compresser] 

Cet exemple va compresser la vidéo avec une qualité vidéo de 9 et une qualité audio de 3.

Si votre fichier OGV ne s'affiche pas dans le navigateur ou n'est pas reconnu par votre serveur, vous devez certainement ajouter son type dans votre fichier .htaccess

AddType audio/ogg .oga
AddType video/ogg .ogv .ogg

Conversion 3GP

Pour enregistrer des vidéos au format 3GP, Quicktime pro suffit.

  1. Menu "Fichier/Exporter…"
  2. Choisir Vidéo vers 3G dans le menu "Exporter"
  3. Paramétrer les options

iPad, le cas particulier

L'iPad est capable de lire des vidéos au format MP4 ou H.264, mais attention aux paramètres d'encodage, vous ne pouvez pas faire n'importe quoi !

Vous trouverez plus d'info dans la documentation technique iOs.

Intégrer des vidéos

Voici une fonction très simple qui va vous renvoyer un code HTML avec une balise video et/ou object selon les formats de fichier que vous envoyez en paramètre.

Dans le cas ou le navigateur ne peut lire aucun format des formats vidéos que vous avez ajouté, la fonction affiche un texte avec des liens pour télécharger le lecteur Flash ou un navigateur plus récent (Safari, Firefox, Chrome, Opera).


<?php
function vidGetHtml($aId=0, $aVidMP4='', $aVidOGV='', $aVidWebM='', $aPreview='', $aWidth=0, $aHeight=0, $tSwfPlayer='', $tSwfParam=''){
	// #1
	// balise video html 5
	if($aVidMP4!='' || $aVidOGV!='' || $aVidWebM!=''){
		$html = '<video id="'.$aId.'" width="'.$aWidth.'" height="'.$aHeight.'" autoplay="true" controls="true" poster="'.$aPreview.'">';
		// format mp4
		if($aVidMP4!=''){
			$html .= '	<source src="'.$aVidMP4.'" type="video/mp4" />';
		}
		// format WebM
		if($aVidWebM!=''){
			$html .= '	<source src="'.$aVidWebM.'" type="video/webm" />';
		}
		// format OGV
		if($aVidOGV!=''){
			$html .= '	<source src="'.$aVidOGV.'" type="video/ogg" />';
		}
	}
	
	// #2
	// format flv
	if($tSwfPlayer!=''){
		$html .= '	<object type="application/x-shockwave-flash" data="'.$tSwfPlayer.'" width="'.$aWidth.'" height="'.$aHeight.'">';
		$html .= '		<param name="movie" value="'.$tSwfPlayer.'" />';
		$html .= '		<param name="FlashVars" value="'.$tSwfParam.'" />';
		$html .= '		<img src="'.$aPreview.'" width="'.$aWidth.'" height="'.$aHeight.'" alt="Please upgrade your browser"/>';

		// #3
		// pas de lecteur flash, affiche une lien pour installer flash ou mettre à jour le navigateur
		$html .= '<p>Your browser lack a video function. You can choose to install <a href="http://get.adobe.com/fr/flashplayer/" title="Download Flash player">Flash Player</a> or a modern browser (<a href="http://www.apple.com/safari/download/" title="Download Apple Safari">Safari</a>, <a href="http://www.mozilla.org/en-US/firefox/new/" title="Download Mozilla Firefox">Firefox</a>, <a href="http://www.opera.com/download/" title="Download Opera">Opera</a>, <a href="https://www.google.com/intl/fr_fr/chrome/browser/" title="Download Google Chrome">Chrome</a>)</p>';
		$html .= '	</object>';
	}
	if($aVidMP4!='' || $aVidOGV!='' || $aVidWebM!=''){
		// fin de la balise video
		$html .= '</video>';
	}
	// fin du code
	return $html;
}
?>

La fonction attend les paramètres suivants :

Vous n'avez plus qu'à l'adapter à vos besoins. Bonne compression vidéo !

Article précédent : Substr, strlen et UTF-8

Article suivant : Bon à savoir : formulaire de droit à l'oubli chez Google

 

Image Viewer