Vidéo sur le web pt.2: encodage

Suite du récent tour d’horizon de la vidéo sur le web, voici un condensé de mes notes concernant les valeurs d’encodage optimum pour la lecture de vidéos sur le web, en ce début 2011. La question qu’on tente de résoudre ici: pour un nouveau site qui sera amené à accueillir de nombreuses vidéos, quel standard d’encodage adopter?

Les paramètres qu’il s’agit d’évaluer:
– quelle qualité d’image veut-on atteindre?
– quelle taille d’image est adaptée à la mise-en-page du site?
– quelle rapidité de chargement est acceptable?

Sachant que la réponse à ces questions dépendra de la nature des images-source, le mieux est de procéder à un test, et d’encoder quelques fichiers d’exemple à diverses résolutions. Pour ce faire, nous allons déterminer cinq formats-types à tester.

Cinq exemples d’encodage

Voici cinq formats courants pour l’encodage vidéo, offrant différents degrés de qualité vs. rapidité de chargement. Tous les formats listés sont au ratio 16:9, et nous nous préoccupons pour l’instant uniquement du format MPEG4/H.264.

512 x 288 (16:9 pixels carrés)
bitrate: 500-1000 kbps pour la vidéo
– taille des vidéos du “David Lynch Interview Project” (vidéo: 734 kbps)
– exemple: http://n3krozoft.com/?p=721 (1000 kbps)

640 x 360 (16:9 pixels carrés)
/ 640 x 352 (16:9 pixels anamorphiques)
bitrate: 700-1200 kbps pour la vidéo
– compatible iPhone 3G/3GS (up to 1.5 Mbps)
– format standard sur blip.tv (884 kbps)
– format standard sur vimeo.com (750 kbps)
– YouTube 360p (500-700 kbps)
– exemple: https://low-rez.tv/?p=167 (1530 kbps)

854 x 480 (16:9 pixels carrés) (= WVGA – Wide VGA)
/ 720 x 480 (16:9 pixels anamorphiques = DV-NTSC)
bitrate: 1000-1800 kbps
– “I used 854×480 for the Flash encode based on advise I received from Blip TV customer support”
– recommandé par vimeo.com (widescreen DV).
– YouTube 480p (800-990 kbps)

960 x 540 (16:9 pixels carrés)
bitrate: 1500-2000 kbps
NB: adapté à la résolution maximale d’un smartphone actuel (iPhone 4 = 960 x 640, Samsung Galaxy S et HTC Desire = 800 x 480)

1280 x 720 (16:9 pixels carrés) (= HD720 / HDTV 720p)
bitrate: 2000-2500 kbps pour la vidéo
– blip.tv: format HD (2490 kbps)
– vimeo.com: format HD (2500 kbps)
– YouTube 720p (2020 kbps)
– choisir à tout prix un encodage à deux passes! (si le logiciel n’offre pas cette option pour H.264, prendre un autre logiciel)

Il faut également garder en tête les points suivants:
– le format d’image aura peu d’influence sur la qualité, c’est avant tout la bitrate qui est déterminante.
– si l’on teste les vidéos sur un réseau haut débit, il faut garder en mémoire que les vitesses de connexion des visiteurs seront variées, et l’attente avant le chargement de la vidéo pourra être très longue pour les débits au-dela de 1500 kbps.
– les sites YouTube, blip.tv et vimeo, s’ils proposent des vidéos HD dans des résolutions très élevées, proposent toujours une “version standard” située entre 500 et 800 kbps.
– il faut s’interroger sur l’utilité d’offrir différentes résolutions: un grand nombre d’internautes se contentera sans doute de la version servie par défaut.

Infos générales

– Bitrate maximal à utiliser: 2.5 Mbps
– Son: MPEG4-AAC, 48 kHz, 128 kbps
– Toujours sélectionner “Prepare for internet Streaming”
– Toujours sélectionner “Fast Start: On”
– NE PAS sélectionner “Compressed Header” (sans quoi le lecteur flash devra charger le fichier entier avant de le lire…)

“If you’re producing H.264 MOV files in Compressor or similar tool, make sure that you select the Fast Start option without the compressed header.”
http://www.streaminglearningcenter.com/articles/creating-flash-compatible-mov-files-with-compressor.html
http://www.kaourantin.net/2007/08/what-just-happened-to-video-on-web_20.html

Analyse de fournisseurs pro…

Blip.tv

Blip SD – MPEG4-video
= 640 x 360 (pixels carrés), 884 kbps (video), 127 kbps (audio)

Blip HD720 – MPEG4-video
= 1280 x 720 (pixels carrés), 2490 kbps (video), 127 kbps (audio)

Instructions d’encodage:
640×360 = “make sure you use 2-pass VBR encoding and try a target bit rate of 1000-1400kbps and a max of 1600-2000kbps.”
(Bite Me TV, May-19 2010)
http://support.blip.tv/entries/172163-quality-of-vidoes
http://support.blip.tv/entries/344530-how-should-i-export-my-videos-for-blip-tv (Nov-29 2010)

for HD:
“On2 Vp6s only allows for single-pass encoding, however it does look better, at least for bigger HD video files at similar bit-rates. So, after trying a handfull of different encoding specs, the one that seemed to work best is a Vp6s VBR encode set to “best” quality with a target bit-rate of 1700kbps and a max of 2000kbps. Even though the original video has dimensions of 1280×720, I used 854×480 for the Flash encode based on advise I received from Blip TV customer support.”

http://blip.tv/learning/export/

Vimeo
http://vimeo.com/help/compression
recommande:
– 2000 kbps pour SD (640×480 px)
– 3000 kbps pour widescreen DV (853×480 px)
– 5000 kbps pour HD
NB: valeurs pour les fichiers originaux, à partir desquels vimeo va créer des versions plus compressées !!

Analyse de l’encodage vimeo:
vimeo.com/20772378
Rancho Deluxe by Bandit Films
– version SD: 640×360 (16:9 pixels carrés) = 750 kbps
– version HD: 1280 x 720 = 2500 kbps

David Lynch : Interview Project
Format: 676 x 380 (16:9 pixels carrés)
Vidéo: 734 kbps, Audio: 121 kbps
NB: bordure noire, l’image fait en fait 508×285 pixels

Youtube

Bitrate analysis:
http://adterrasperaspera.com/blog/2010/05/24/approximate-youtube-bitrates

240p
360p – 640×360px – 500-700 kbps (video)
480p – 854×480px – 800-990 kbps (video)
720p – 1280×720 – 2020 kbps (video), 128 (audio)
1080p – 1920×1080 – 3530 kbps (video), 128 (audio)

Apple

Apple iPhone 4 video support:
Video formats supported:
– H.264 video up to 720p, 30 frames per second, Main Profile level 3.1 with AAC-LC audio up to 160 Kbps, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats;
– MPEG-4 video, up to 2.5 Mbps, 640 by 480 pixels, 30 frames per second, Simple Profile with AAC-LC audio up to 160 Kbps per channel, 48kHz, stereo audio in .m4v, .mp4, and .mov file formats;

http://www.apple.com/itunes/podcasts/specs.html#formattingvideo

iPhone 3G/3GS can play the following video formats:
* H.264 video, up to 1.5 Mbps, 640 x 480, 30 frames per sec., Low-Complexity version of the Baseline Profile with AAC-LC audio up to 160 kbps, 48 Khz, stereo audio in .m4v, .mp4, and .mov file formats

3 thoughts on “Vidéo sur le web pt.2: encodage

  1. @ pawan – to analyse the video settings of YouTube, the easiest way is this:
    • install the “download helper” firefox plugin.
    • go to some recent YouTube video that is available in all formats (240p to HD).
    • download each version of the video.
    • open it in some player that lets you inspect the bitrate (on the Mac I use MPEG Streamclip to see precise values for video and audio).

Comments are closed.