La compression vidéo             Une approche simplifiée des problématiques de la compression vidéo                        ...
Qu’allons nous voir ?•   Quelques généralité sur la vidéo en ligne•   Pourquoi compresser une vidéo ?•   Les principes de ...
Quelques généralités< 2002    MicroSoft/RealPlayer/Apple lancent leurs propres solutions2002                   Adobe sort ...
Quelques généralités 90% watch or             40% have        15% pay to watch videodownload videos       uploaded a vidéo...
Quelques généralités— Boites de production               — Wmaker.tv : 1Million CA— Journalistes                       — B...
Video ?•   Origine «je vois» [latin]•   Succession d’images•   25 fps, 30fps...•   illusion de mouvement•   En général :  ...
Pourquoi compresser ?• CPU   bande passante        C’est trop cher!!!
Pourquoi compresser ?• La bande passante est chère •   1H de vidéo non compressée : 263Go     •   1024x768=786 432 pixels ...
Pourquoi compresser ?• L’espace et le débit c’est cher :  •   L’offre la moins cher chez OVH (bande passante)      •   che...
Principes de la compression
Principes de la compression
Principes de la compression• Sans Perte (Lossless)    •   Elimine la redondance des données    •   Compactage (Winzip...) ...
Principes de la compression• Avec Perte •   On perd la qualité •   On peut économiser jusquà 90% •   L’astuce => on triche...
Compression avec perte« Ne jamais transmettre une donnée déja transmise » • redondance spaciale • redondance temporelle
Compression avec perte• Redondance spatial   • Compression des images   • On utilise le JPEG   • Il doit pas être trop élevé
Compression avec perte• Redondance temporelle • On encode que les différences • On perd des détails • Produit trois types ...
Compression avec perte    Redondance temporelle
Compression avec perte             Redondance temporelle                  I - Frame- Image intracodé : Codé en JPEG- Il ne...
Compression avec perte             Redondance temporelle                    P - Frame- Image prédictive- Contient que les ...
Compression avec perte             Redondance temporelle                     B - Frame- Image Bi-directionnelles- C’est un...
Les standards de compression MPEG :                   ITU :Définit les             Développestandards              les codecs
Quelques standards de compression•   JPEG et MP-JPEG    •   Que des images pleins    •   Extraire les images des vidéos•  ...
Les codecs• CODEUR - DECODEUR• Basé sur un standard• Embarque l’intelligence de l’encodage• Il y’on a trop...en plus ils d...
Les codecs            Pour la diffusion webStandards                                   Codecs                             ...
Les conteneurs                                        MetaData                           keyframes:                       ...
Les conteneurs                        pour la diffusion web                                                        H264   ...
Les encodeurs•   Solution matériel    •   Certains cartes dacquisition    •   Serveur Hardware•   Solution logicielle serv...
Paramètres d’encodage• Biterate : • Taille d’une seconde de vidéo • Améliore la qualité • Exemple : pour la HD web : 3000k...
Paramètres d’encodage• FrameRate • Combien de frame (images) par seconde • A ne pas changer en général. • PAL, SECAM : 25f...
Paramètres d’encodage• Résolutions • en pixel • HD :   1920 x 1080 (1080 p) ou 1280 x 720 (720p) • Il faut garder le forma...
Questions ?
Presentation master
Prochain SlideShare
Chargement dans…5
×

Presentation master

934 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
934
Sur SlideShare
0
Issues des intégrations
0
Intégrations
25
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • \n
  • Bonjour tout le monde.\n\nJe me pr&amp;#xE9;sente, je m&amp;#x2019;appel Samir AMZANI D&amp;#xE9;veloppeur Web Senior chez Wmaker, Wmaker est un &amp;#xE9;diteur en ligne de solutions et services Web en mode SaaS, \n\nOn s&amp;#x2019;est install&amp;#xE9; l&amp;#x2019;ann&amp;#xE9;e derni&amp;#xE8;re au CampsPlex, le CampusPlex est un environnement de travail collaboratif issue de mod&amp;#xE8;le japonais de soci&amp;#xE9;t&amp;#xE9;s soeurs. \n\nCet un environnement qui nous permet d&amp;#x2019;agr&amp;#xE9;ger plusieurs comp&amp;#xE9;tences dans des domaines parall&amp;#xE8;les tels que le web le mobile et la cartographie sur Internet. \n\nCet environnement nous permet d&amp;#x2019;avoir une forte cr&amp;#xE9;dibilit&amp;#xE9; et proposer une offre globale &amp;#xE0; nos clients.\n\nLe CampusPlex compte aujourd&amp;#x2019;huit 4 soci&amp;#xE9;t&amp;#xE9; travaillant dans les nouvelles technologies avec un effectif de 21 salari&amp;#xE9; et 3 apprentis.\n\nR&amp;#xE9;cemment au sein de Wmaker, je me suis occup&amp;#xE9; de d&amp;#xE9;veloppement d&amp;#x2019;une solution de WebTV qui permet aux professionnels de la vid&amp;#xE9;o de diffuser leurs contenu sans contraintes techniques (tels que la compression de la vid&amp;#xE9;o, le d&amp;#xE9;veloppement, la diffusion de la vid&amp;#xE9;o, la mon&amp;#xE9;tisation....)\n\n
  • Donc ce cours &amp;#xE0; &amp;#xE9;t&amp;#xE9; con&amp;#xE7;u pour vous offrir une vision la plus syntitique possible des probl&amp;#xE9;matiques de la compression et la pr&amp;#xE9;sentation des vid&amp;#xE9;os sur le Web, \n\nil ne s&amp;#x2019;agit pas pour nous ici de rentrer dans tous les d&amp;#xE9;tails techniques de la compression vid&amp;#xE9;o mais de vous donner des rep&amp;#xE8;res pour comprendre et impl&amp;#xE9;menter une solution basique de WebTV qu&amp;#x2019;on verra dans le TP.\n\n\nComme plan de cour, je vous propose de voir \n\n &amp;#x2014; quelques g&amp;#xE9;n&amp;#xE9;ralit&amp;#xE9; sur la vid&amp;#xE9;o en ligne avec un bref historique et comment les soci&amp;#xE9;t&amp;#xE9;s font de la valeur ajout&amp;#xE9;.\n\n&amp;#x2014; Le pourquoi de comment de la compression vid&amp;#xE9;o \n\nEt en survole tout le jargon technique li&amp;#xE9; &amp;#xE0; la compression\nA la fin on verra quelques recommandations technique &amp;#xE0; faire avant de diffuser vos vid&amp;#xE9;os sur Internet\n
  • Voici en gros, quelques &amp;#xE9;v&amp;#xE8;nements cl&amp;#xE9;s dans l&amp;#x2019;histoire de la vid&amp;#xE9;o en ligne.\n\nAvant 2002 &lt; : C&amp;#x2019;&amp;#xE9;t&amp;#xE9; la guerre des standards, chaqu&amp;#x2019;un voulais imposait sa solution de diffusion de vid&amp;#xE9;o\n\nEn 2002 : Adobe d&amp;#xE9;mocratise la diffusion de la vid&amp;#xE9;o avec le Flash, FLV qui est &amp;#xE9;t&amp;#xE9; support&amp;#xE9; par les navigateurs...\n\nEn 2005 : Youtube et dailymotion lancement leurs plateforme vid&amp;#xE9;os...(le d&amp;#xE9;but des r&amp;#xE9;seaux sociaux vid&amp;#xE9;os...)\n\nEn 2006 : Youtube se trouve &amp;#xE0; la porte de la faillite, Google la rach&amp;#xE8;te pour 106\n\nEn 2007 : Adobe sort la version 9 de Flash qui support le MP4 (plus besoin d&amp;#x2019;encoder en FLV)... la majorit&amp;#xE9; des plateformes vid&amp;#xE9;os ont bascul&amp;#xE9; vers ce format\n\nEn 2009 : Youtube diffuse 100Million de stream/jour, et Google int&amp;#xE9;gre l&amp;#x2019;adscence dans les vid&amp;#xE9;os\n\nEn 2010 : Google Rach&amp;#xE8;te On2 Technologie (leader des solutions d&amp;#x2019;encodage propr&amp;#xE9;ataire), apr&amp;#xE9;s ce rachat Google d&amp;#xE9;veloppe un codec OpenSource appel&amp;#xE9; VP8\n\nEt Aujourd&apos;hui ont entend beaucoup parl&amp;#xE9; de l&amp;#x2019;informatique dans le nuage ou le Cloud.\nEt rec&amp;#xE9;ment Dailymotion s&amp;#x2019;est fait rachet&amp;#xE9; par Orange pour 58Million\n\n
  • A savoir &amp;#xE9;galement : \n\n\n90% des internautes regarde ou t&amp;#xE9;l&amp;#xE9;chargents des vid&amp;#xE9;os sur Internet\n40% parmi eux upload des vid&amp;#xE9;os\net 15% payent pour regarder les vid&amp;#xE9;os\n\nAu niveau de march&amp;#xE9; de la vid&amp;#xE9;o en ligne, trois mod&amp;#xE8;les &amp;#xE9;co existent\n\n&amp;#x2014; R&amp;#xE9;seaux sociaux vid&amp;#xE9;o : PUB\n\n&amp;#x2014; les SSII classiques, travaillent essentiellement avec les chaines de TV classiques et dans le LIVE... font beaucoup d&amp;#x2019;argent\n\n&amp;#x2014; Les &amp;#xE9;diteurs en Lignes : La plupard propose des WebTV ou des solution &amp;#xE0; la demande sur un mod&amp;#xE8;le de SaaS (Softeware as a Service),\nR&amp;D\n\nCes solutions permettent en g&amp;#xE9;n&amp;#xE9;ral de diffusier sa vid&amp;#xE9;o sur le canal classique qui est le Web mais aussi sur mobile et Apple TV.\n\n
  • \n
  • Maintenant qu&amp;#x2019;on a vu le grand potentiel que pr&amp;#xE9;sente la vid&amp;#xE9;o en ligne, on passe aux contraintes techniques et sp&amp;#xE9;cialement la compression vid&amp;#xE9;o\n\nPour comprendre la compression vid&amp;#xE9;o, on doit comprendre d&amp;#x2019;abord ce que c&amp;#x2019;est une vid&amp;#xE9;o :\n\nLe mot vid&amp;#xE9;o vient de mot &amp;#xAB;Latin&amp;#xBB; Je vois, et concr&amp;#xE8;tement c&amp;#x2019;est une simple succession d&amp;#x2019;image qui d&amp;#xE9;file avec un d&amp;#xE9;bit constant qu&amp;#x2019;on appel le FrameRate, en g&amp;#xE9;n&amp;#xE9;ral c&amp;#x2019;est 25 ou 30 Frame Par Seconde. \n\nC&amp;#x2019;est qu&amp;#x2019;a partir de ce nombre que l&amp;#x2019;oeil humain fait croire au cerveau que les objects bougents...\n\nCe qu&amp;#x2019;il faut retenir une vid&amp;#xE9;o est un Enregistrement d&amp;#x2019;images annim&amp;#xE9; avec du son ou pas, sur un support &amp;#xE9;lectronique.\n\n\n\n
  • La cause principal de la compression vid&amp;#xE9;o vient d&amp;#x2019;un constat et d&amp;#x2019;une r&amp;#xE9;alit&amp;#xE9; qui commence &amp;#xE0; disparaitre petit &amp;#xE0; petit.\n\nFaillite de Youtube\n
  • \n
  • Hebegeur OVH...\n\n
  • La compression d&amp;#x2019;une video se fait simplement au niveau de ces images, en produisant des images compress&amp;#xE9;s\n
  • \n
  • &amp;#x2014; Compar&amp;#xE9; &amp;#xE0; Winzip\n&amp;#x2014; Utilis&amp;#xE9; dans les boites de production audiovisuel pour le d&amp;#xE9;ruchage des DV cam\n
  • Ce mode de compression utilise les faiblaisses\n
  • La compression avec perte se base sur deux grandes principes ...\n\n
  • Algorithme JPEG\n
  • Il y&amp;#x2019;a que le mouvement qui change -&gt; Background reste le m&amp;#xEA;me...\nOn encode une image par rapport &amp;#xE0; une autre on se basant sur les diff&amp;#xE9;rences.\n\n\n\n
  • \n
  • C&amp;#x2019;est l&amp;#x2019;image cl&amp;#xE9; ind&amp;#xE9;pendante encod&amp;#xE9; en JPEG\n
  • C&amp;#x2019;est l&amp;#x2019;image qui contient les diff&amp;#xE9;rences de mouvement\nrepr&amp;#xE9;sente 1/3 de l&amp;#x2019;image cl&amp;#xE9; I\n
  • C&amp;#x2019;est une image qu&amp;#x2019;on d&amp;#xE9;duit &amp;#xE0; partir de l&amp;#x2019;image cl&amp;#xE9; I et l&amp;#x2019;image pr&amp;#xE9;dictive P.\nrepr&amp;#xE9;sente 1/6 de la taille de l&amp;#x2019;image cl&amp;#xE9; I\n
  • Il faut savoir qu&amp;#x2019;il y&amp;#x2019;a deux institutions qui participent aux standard de la vid&amp;#xE9;o en g&amp;#xE9;n&amp;#xE9;ral.\n\n
  • MPEG3 : n&amp;#x2019;&amp;#xE9;t&amp;#xE9; pas impl&amp;#xE9;ment&amp;#xE9; pour la vid&amp;#xE9;o devant le suc&amp;#xE9;es de MPEG-2\n\n
  • Dans un standard on peut trouver plusieurs codecs.\n\n
  • Le standard qui a vraiment donn&amp;#xE9;e naissance aux codecs vid&amp;#xE9;o pour le web est le H263. dans sa derni&amp;#xE8;re version en trouve le fameux Divx et le H264\n
  • &amp;#x2014; Un conteneur est un fichier qui regroupe la piste son + la piste vid&amp;#xE9;o et les metadata de la vid&amp;#xE9;o.\n\n
  • &amp;#x2014; Parmis les conteneur support&amp;#xE9; pour la diffusion web on trouve \n\n&amp;#x2014; Le FLV qui peut contenir une vid&amp;#xE9;o encod&amp;#xE9; avec le codec H264/H263 ou VP6\n&amp;#x2014; Le MP4 qui supporte seulement le codec H264 (Attention le codec Quicktime n&amp;#x2019;est pas support&amp;#xE9; par Flash, ni HTML5)\n&amp;#x2014; le conteneur OGG (opensource) utilis&amp;#xE9; par Google dans le projet WebM.\n\n
  • &amp;#x2014; L&amp;#x2019;utilisation de l&amp;#x2019;encodage au sein d&amp;#x2019;une entreprise d&amp;#xE9;pend de besoin et de contexte.\nUne boite de production utilise en majorit&amp;#xE9; un logiciel cl&amp;#xE9; en main pour le montage et la compression de la vid&amp;#xE9;o, avant la diffusion dans un canal classique\n....\n\n
  • &amp;#x2014; l&amp;#xE0; je vous pr&amp;#xE9;sente.... quelques termes de jargon\n
  • http://fr.wikipedia.org/wiki/Fichier:PAL-NTSC-SECAM.svg\n\nH&amp;#xE9;ritage de standard de la t&amp;#xE9;l&amp;#xE9;vision\n
  • Correspond &amp;#xE0; la taille de l&amp;#x2019;image dans la vid&amp;#xE9;o\n\n
  • \n
  • Presentation master

    1. 1. La compression vidéo Une approche simplifiée des problématiques de la compression vidéo pour le webSamir AMZANISenior Web Developersamir@wmaker.net
    2. 2. Qu’allons nous voir ?• Quelques généralité sur la vidéo en ligne• Pourquoi compresser une vidéo ?• Les principes de la compression vidéo• Les standards• Les codecs• Les conteneurs• Les encodeurs• Paramètres d’encodage
    3. 3. Quelques généralités< 2002 MicroSoft/RealPlayer/Apple lancent leurs propres solutions2002 Adobe sort le format FLV Flash2005 Lancement de Youtube et Dailymotion + Ipod Vidéo2006 Google rachète Youtube pour 106 M$2007 Adobe Flash 9 support le MP4 (H264) — Ustream2009 Youtube diffuse 100 Million de stream/jour2010 Google rachète On2 et lance WebM(VP8) + HTML52011 La vidéo dans le nuage (Cloud) Orange rachète 49% de Dailymotion (58M $)
    4. 4. Quelques généralités 90% watch or 40% have 15% pay to watch videodownload videos uploaded a vidéo online Publicité Youtube, Dailymotion, Vimeo.... Plateformes Abonnements TV classique => WebTV SSII Vidéos (Brainsonic, Kit Digital...) — Brainsonic : 7Million CA — KitDigial : 100 Million CS SSII — Forte demande sur le marché de travail
    5. 5. Quelques généralités— Boites de production — Wmaker.tv : 1Million CA— Journalistes — Brightcove : 100 Million— Chaines TV — Dailymotion Cloud — Encoding.com SaaS ....— Créer sa webTV sans connaissancetechnique— Prise en charge de processus — Beaucoup de R&Dd’encodage et de diffusion — Forte demande sur le— Monétisation et stats vidéos marché de travail Multi canal
    6. 6. Video ?• Origine «je vois» [latin]• Succession d’images• 25 fps, 30fps...• illusion de mouvement• En général : • Enregistrement d’images animées (son ou pas) • Restitution sur un support électronique
    7. 7. Pourquoi compresser ?• CPU bande passante C’est trop cher!!!
    8. 8. Pourquoi compresser ?• La bande passante est chère • 1H de vidéo non compressée : 263Go • 1024x768=786 432 pixels • Un pixel (sur un écran true color 32Bits) -> 4 Octet • Une image -> 786 432 x 4 = 3Mo • 1sec de vidéo -> 25 images -> 75Mo/sec
    9. 9. Pourquoi compresser ?• L’espace et le débit c’est cher : • L’offre la moins cher chez OVH (bande passante) • chez OVH 200Mbps • 3 lecture simultané d’une vidéo avec [biterate 75Mo/s] -> Explose la bande passante • On a donc intérêt à compresser les vidéos
    10. 10. Principes de la compression
    11. 11. Principes de la compression
    12. 12. Principes de la compression• Sans Perte (Lossless) • Elimine la redondance des données • Compactage (Winzip...) • Gain 10 à 30% • Utilisé par le déruchage (audiovisuel)
    13. 13. Principes de la compression• Avec Perte • On perd la qualité • On peut économiser jusquà 90% • L’astuce => on triche avec l’oeil et l’oreille
    14. 14. Compression avec perte« Ne jamais transmettre une donnée déja transmise » • redondance spaciale • redondance temporelle
    15. 15. Compression avec perte• Redondance spatial • Compression des images • On utilise le JPEG • Il doit pas être trop élevé
    16. 16. Compression avec perte• Redondance temporelle • On encode que les différences • On perd des détails • Produit trois types d’images compressés • I-frame GOP : Group of Pictrure • P-frame 12 à 15 images (MPEG1) • B-frame
    17. 17. Compression avec perte Redondance temporelle
    18. 18. Compression avec perte Redondance temporelle I - Frame- Image intracodé : Codé en JPEG- Il ne dépend pas d’une autre image- «Image clé» -> KeyFrame
    19. 19. Compression avec perte Redondance temporelle P - Frame- Image prédictive- Contient que les pixels modifiés- On encode que les différences- 1/3 taille par rapport a I-Frame
    20. 20. Compression avec perte Redondance temporelle B - Frame- Image Bi-directionnelles- C’est une image prédite à partir de I et P I(i) + P(i++) = B- 1/6 taille I-Frame
    21. 21. Les standards de compression MPEG : ITU :Définit les Développestandards les codecs
    22. 22. Quelques standards de compression• JPEG et MP-JPEG • Que des images pleins • Extraire les images des vidéos• MPEG-1 • Pour faire mieux que le VHS (VCD) : 1.15M/s• MPEG-2 • Premier standard pour la diffusion • DVD, TV, TVHD, TNT (sauf en france), Satellite... • 3 à 50 M/s, et en HD jusqu’a 300M/s• MPEG-3 • MP3• MPEG-4 • C’est beaucoup mieux • MPEG-4 ASP Génération (Divx, H264, VP6 ... )
    23. 23. Les codecs• CODEUR - DECODEUR• Basé sur un standard• Embarque l’intelligence de l’encodage• Il y’on a trop...en plus ils dépendent des conteneurs
    24. 24. Les codecs Pour la diffusion webStandards Codecs FLV 3GP Le père de tous les codecs H.263 moderns 1993-1996 H264 Divx H.263v2 MPEG4 - ASP H263.v3 Meilleur compression VP6 VP7 VP8
    25. 25. Les conteneurs MetaData keyframes: time(0,23,35....) filepoisitions (228, 23243, 435555...) Conteneur (.mp4, .mov, .flv...)
    26. 26. Les conteneurs pour la diffusion web H264 Diffusion : player flash (v6+)FLV (Flash video) H263 VP6 (ON2) H264 Diffusion : player flash (v9+) MP4 Navigateurs HTML5 (chrome, safari) Theora Open source OGG Navigateurs HTML5 (Firefox)
    27. 27. Les encodeurs• Solution matériel • Certains cartes dacquisition • Serveur Hardware• Solution logicielle serveur • FFmpeg (OpenSource) • On2 Flix Engine (Payant)• Solution logicielle post-production • Final Cut compressor (H264 meilleur!) • Adobe Media encoder • Handbrake (Win&Mac) (x264) • Super (Windows)
    28. 28. Paramètres d’encodage• Biterate : • Taille d’une seconde de vidéo • Améliore la qualité • Exemple : pour la HD web : 3000kbps / 5000kbps • Taille finale = Durée × bitrate
    29. 29. Paramètres d’encodage• FrameRate • Combien de frame (images) par seconde • A ne pas changer en général. • PAL, SECAM : 25fps : EUROPE / FRANCE • NTSC : 30fps : USA
    30. 30. Paramètres d’encodage• Résolutions • en pixel • HD : 1920 x 1080 (1080 p) ou 1280 x 720 (720p) • Il faut garder le format de la vidéo • 16:9 -> On garde 16:9, idem 4:3
    31. 31. Questions ?

    ×