SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
Presentation master
La compression vidéo
             Une approche simplifiée des problématiques de la compression vidéo
                                        pour le web




Samir AMZANI
Senior Web Developer
samir@wmaker.net
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
Quelques généralités
< 2002    MicroSoft/RealPlayer/Apple lancent leurs propres solutions

2002                   Adobe sort le format FLV Flash

2005         Lancement de Youtube et Dailymotion + Ipod Vidéo

2006                Google rachète Youtube pour 106 M$

2007          Adobe Flash 9 support le MP4 (H264) — Ustream

2009              Youtube diffuse 100 Million de stream/jour

2010         Google rachète On2 et lance WebM(VP8) + HTML5

2011                  La vidéo dans le nuage (Cloud)
                Orange rachète 49% de Dailymotion (58M $)
Quelques généralités

 90% watch or             40% have        15% pay to watch video
download 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
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 connaissance
technique
— Prise en charge de processus       — Beaucoup de R&D
d’encodage et de diffusion           — Forte demande sur le
— Monétisation et stats vidéos       marché de travail




                                                                  Multi
                                                                  canal
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
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

     •   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
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
Principes de la compression
Principes de la compression
Principes de la compression


• Sans Perte (Lossless)
    •   Elimine la redondance des données

    •   Compactage (Winzip...)

    •   Gain 10 à 30%

    •   Utilisé par le déruchage (audiovisuel)
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
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 d’images compressés
     • I-frame           GOP : Group of Pictrure

     • P-frame           12 à 15 images (MPEG1)

     • B-frame
Compression avec perte
    Redondance temporelle
Compression avec perte
             Redondance temporelle


                  I - Frame
- Image intracodé : Codé en JPEG
- Il ne dépend pas d’une autre image
- «Image clé» -> KeyFrame
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
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
Les standards de compression




 MPEG :                   ITU :
Définit les             Développe
standards              les codecs
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 ... )
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
Les codecs
            Pour la diffusion web
Standards                                   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
Les conteneurs
                                        MetaData


                           keyframes:
                               time(0,23,35....)
                               filepoisitions (228, 23243, 435555...)




       Conteneur
    (.mp4, .mov, .flv...)
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)
Les encodeurs
•   Solution matériel
    •   Certains cartes d'acquisition
    •   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)
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
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
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
Questions ?

Contenu connexe

En vedette

Direitos e deveres do trabalhador
Direitos e deveres do trabalhadorDireitos e deveres do trabalhador
Direitos e deveres do trabalhadorFillipe Lobo
 
Analizando educ@contic
Analizando educ@conticAnalizando educ@contic
Analizando educ@conticPepeA
 
Rol del ca 125 y del pet en el cáncer de ovario
Rol del ca 125 y del pet en el cáncer de ovarioRol del ca 125 y del pet en el cáncer de ovario
Rol del ca 125 y del pet en el cáncer de ovariodamalare
 
Joly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdf
Joly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdfJoly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdf
Joly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdfMMenier
 
Progression profile jan2015
Progression profile jan2015Progression profile jan2015
Progression profile jan2015progression1234
 
Programa de formación humana - Inicial mayo 2014
Programa de formación humana - Inicial mayo 2014Programa de formación humana - Inicial mayo 2014
Programa de formación humana - Inicial mayo 2014Logos Academy
 
Presentacionescuela2 0musica
Presentacionescuela2 0musicaPresentacionescuela2 0musica
Presentacionescuela2 0musicaPepeA
 
Acne advertisement
Acne advertisementAcne advertisement
Acne advertisementrea reyes
 
« Ce que la science-fiction pourrait apporter à la pensée politique. »
« Ce que la science-fiction pourrait apporter à la pensée politique. »« Ce que la science-fiction pourrait apporter à la pensée politique. »
« Ce que la science-fiction pourrait apporter à la pensée politique. »MMenier
 
Criterio de divisibilidad 11
Criterio de divisibilidad 11Criterio de divisibilidad 11
Criterio de divisibilidad 11Logos Academy
 
Cuentitos infantiles Preescolar 2012
Cuentitos infantiles Preescolar 2012Cuentitos infantiles Preescolar 2012
Cuentitos infantiles Preescolar 2012Logos Academy
 
5 astuces pour maigrir naturellement
5 astuces pour maigrir naturellement5 astuces pour maigrir naturellement
5 astuces pour maigrir naturellementbnaturel
 

En vedette (20)

Direitos e deveres do trabalhador
Direitos e deveres do trabalhadorDireitos e deveres do trabalhador
Direitos e deveres do trabalhador
 
Analizando educ@contic
Analizando educ@conticAnalizando educ@contic
Analizando educ@contic
 
amigos
amigosamigos
amigos
 
Rol del ca 125 y del pet en el cáncer de ovario
Rol del ca 125 y del pet en el cáncer de ovarioRol del ca 125 y del pet en el cáncer de ovario
Rol del ca 125 y del pet en el cáncer de ovario
 
Joly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdf
Joly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdfJoly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdf
Joly Maurice - Dialogue aux enfers entre Machiavel et Montesquieu.pdf
 
Progression profile jan2015
Progression profile jan2015Progression profile jan2015
Progression profile jan2015
 
Problemas 2 Mercy
Problemas 2 MercyProblemas 2 Mercy
Problemas 2 Mercy
 
Programa de formación humana - Inicial mayo 2014
Programa de formación humana - Inicial mayo 2014Programa de formación humana - Inicial mayo 2014
Programa de formación humana - Inicial mayo 2014
 
Comer fruta
Comer frutaComer fruta
Comer fruta
 
la experiencia de usuario
la experiencia de usuariola experiencia de usuario
la experiencia de usuario
 
Presentacionescuela2 0musica
Presentacionescuela2 0musicaPresentacionescuela2 0musica
Presentacionescuela2 0musica
 
Chile
ChileChile
Chile
 
Acne advertisement
Acne advertisementAcne advertisement
Acne advertisement
 
Presse2Hexa
Presse2HexaPresse2Hexa
Presse2Hexa
 
Tarea 7 Grupal
Tarea 7 GrupalTarea 7 Grupal
Tarea 7 Grupal
 
Cahiers fi 02
Cahiers fi 02Cahiers fi 02
Cahiers fi 02
 
« Ce que la science-fiction pourrait apporter à la pensée politique. »
« Ce que la science-fiction pourrait apporter à la pensée politique. »« Ce que la science-fiction pourrait apporter à la pensée politique. »
« Ce que la science-fiction pourrait apporter à la pensée politique. »
 
Criterio de divisibilidad 11
Criterio de divisibilidad 11Criterio de divisibilidad 11
Criterio de divisibilidad 11
 
Cuentitos infantiles Preescolar 2012
Cuentitos infantiles Preescolar 2012Cuentitos infantiles Preescolar 2012
Cuentitos infantiles Preescolar 2012
 
5 astuces pour maigrir naturellement
5 astuces pour maigrir naturellement5 astuces pour maigrir naturellement
5 astuces pour maigrir naturellement
 

Similaire à Presentation master

Compression video pour la diffusion web
Compression video pour la diffusion webCompression video pour la diffusion web
Compression video pour la diffusion websamir
 
Retour d'expérience : gérer des flux vidéos multiples de manière optimisée
Retour d'expérience :  gérer des flux vidéos multiples de manière optimiséeRetour d'expérience :  gérer des flux vidéos multiples de manière optimisée
Retour d'expérience : gérer des flux vidéos multiples de manière optimiséeSilicon Comté
 
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...Justindwah
 
TELESTREAM Vantage - VIDELIO Cap'Ciné
TELESTREAM Vantage - VIDELIO Cap'CinéTELESTREAM Vantage - VIDELIO Cap'Ciné
TELESTREAM Vantage - VIDELIO Cap'CinéBenoît Godard
 
April16 windows azure media services
April16 windows azure media servicesApril16 windows azure media services
April16 windows azure media servicesbenol
 
Post Production Audio VidéO Internet Mai 2008 Published
Post Production Audio VidéO Internet Mai 2008 PublishedPost Production Audio VidéO Internet Mai 2008 Published
Post Production Audio VidéO Internet Mai 2008 PublishedMichel Lubac
 
Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...
Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...
Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...Microsoft
 
Présentation de Canal SPORT
Présentation de Canal SPORTPrésentation de Canal SPORT
Présentation de Canal SPORTLibcast SAS
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Microsoft Technet France
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Microsoft Décideurs IT
 
Présentation IMF - PAD fichier juin2013
Présentation IMF - PAD fichier juin2013Présentation IMF - PAD fichier juin2013
Présentation IMF - PAD fichier juin2013Mesclado
 
Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...
Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...
Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...Marc Bourhis
 
Explication des termes de l'encodage vidéo
Explication des termes de l'encodage vidéoExplication des termes de l'encodage vidéo
Explication des termes de l'encodage vidéonerodude
 
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIASÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIASJean-Paul FILLIT
 
Outil vidéo en animation 1/5
Outil vidéo en animation 1/5Outil vidéo en animation 1/5
Outil vidéo en animation 1/5R. Defrance
 
PCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinal
PCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinalPCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinal
PCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinalBelkacem KAID
 
Diffuser le contenu multimedia
Diffuser le contenu multimediaDiffuser le contenu multimedia
Diffuser le contenu multimediahajaar
 

Similaire à Presentation master (20)

Compression video pour la diffusion web
Compression video pour la diffusion webCompression video pour la diffusion web
Compression video pour la diffusion web
 
Retour d'expérience : gérer des flux vidéos multiples de manière optimisée
Retour d'expérience :  gérer des flux vidéos multiples de manière optimiséeRetour d'expérience :  gérer des flux vidéos multiples de manière optimisée
Retour d'expérience : gérer des flux vidéos multiples de manière optimisée
 
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
Diffusion multi-écrans : quelles stratégies player et encodage mettre en oeuv...
 
TELESTREAM Vantage - VIDELIO Cap'Ciné
TELESTREAM Vantage - VIDELIO Cap'CinéTELESTREAM Vantage - VIDELIO Cap'Ciné
TELESTREAM Vantage - VIDELIO Cap'Ciné
 
April16 windows azure media services
April16 windows azure media servicesApril16 windows azure media services
April16 windows azure media services
 
Post Production Audio VidéO Internet Mai 2008 Published
Post Production Audio VidéO Internet Mai 2008 PublishedPost Production Audio VidéO Internet Mai 2008 Published
Post Production Audio VidéO Internet Mai 2008 Published
 
Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...
Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...
Retour d&rsquo;expérience GlobeCast : Réduisez votre TCO avec les abonnements...
 
Présentation de Canal SPORT
Présentation de Canal SPORTPrésentation de Canal SPORT
Présentation de Canal SPORT
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
 
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
Windows Azure Media Services : des API pour encoder, multiplexer et difuser v...
 
Présentation IMF - PAD fichier juin2013
Présentation IMF - PAD fichier juin2013Présentation IMF - PAD fichier juin2013
Présentation IMF - PAD fichier juin2013
 
Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...
Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...
Présentation Ficam de la filière production 4K/UHD devant le HD Forum le 18 d...
 
Telestream Vidchecker
Telestream VidcheckerTelestream Vidchecker
Telestream Vidchecker
 
Explication des termes de l'encodage vidéo
Explication des termes de l'encodage vidéoExplication des termes de l'encodage vidéo
Explication des termes de l'encodage vidéo
 
Video Numerique
Video NumeriqueVideo Numerique
Video Numerique
 
Adaptative streaming : enjeux, panorama, principes et difficultés
Adaptative streaming : enjeux, panorama, principes et difficultésAdaptative streaming : enjeux, panorama, principes et difficultés
Adaptative streaming : enjeux, panorama, principes et difficultés
 
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIASÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
ÉCRITURE, PRODUCTION, MONTAGE ET ÉDUCATION AUX MÉDIAS
 
Outil vidéo en animation 1/5
Outil vidéo en animation 1/5Outil vidéo en animation 1/5
Outil vidéo en animation 1/5
 
PCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinal
PCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinalPCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinal
PCONT2016-Projet1.3-Fourmaux-AnalCodecParamVideo-RapFinal
 
Diffuser le contenu multimedia
Diffuser le contenu multimediaDiffuser le contenu multimedia
Diffuser le contenu multimedia
 

Dernier

Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Infopole1
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensErol GIRAUDY
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)IES VE
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapMaxime Huran 🌈
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleErol GIRAUDY
 
KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311Erol GIRAUDY
 

Dernier (6)

Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examens
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence Artificielle
 
KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311
 

Presentation master

  • 2. La compression vidéo Une approche simplifiée des problématiques de la compression vidéo pour le web Samir AMZANI Senior Web Developer samir@wmaker.net
  • 3. 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
  • 4. Quelques généralités < 2002 MicroSoft/RealPlayer/Apple lancent leurs propres solutions 2002 Adobe sort le format FLV Flash 2005 Lancement de Youtube et Dailymotion + Ipod Vidéo 2006 Google rachète Youtube pour 106 M$ 2007 Adobe Flash 9 support le MP4 (H264) — Ustream 2009 Youtube diffuse 100 Million de stream/jour 2010 Google rachète On2 et lance WebM(VP8) + HTML5 2011 La vidéo dans le nuage (Cloud) Orange rachète 49% de Dailymotion (58M $)
  • 5. Quelques généralités 90% watch or 40% have 15% pay to watch video download 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
  • 6. 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 connaissance technique — Prise en charge de processus — Beaucoup de R&D d’encodage et de diffusion — Forte demande sur le — Monétisation et stats vidéos marché de travail Multi canal
  • 7. 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
  • 8. Pourquoi compresser ? • CPU bande passante C’est trop cher!!!
  • 9. 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
  • 10. 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
  • 11. Principes de la compression
  • 12. Principes de la compression
  • 13. Principes de la compression • Sans Perte (Lossless) • Elimine la redondance des données • Compactage (Winzip...) • Gain 10 à 30% • Utilisé par le déruchage (audiovisuel)
  • 14. 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
  • 15. Compression avec perte « Ne jamais transmettre une donnée déja transmise » • redondance spaciale • redondance temporelle
  • 16. Compression avec perte • Redondance spatial • Compression des images • On utilise le JPEG • Il doit pas être trop élevé
  • 17. 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
  • 18. Compression avec perte Redondance temporelle
  • 19. Compression avec perte Redondance temporelle I - Frame - Image intracodé : Codé en JPEG - Il ne dépend pas d’une autre image - «Image clé» -> KeyFrame
  • 20. 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
  • 21. 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
  • 22. Les standards de compression MPEG : ITU : Définit les Développe standards les codecs
  • 23. 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 ... )
  • 24. 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
  • 25. Les codecs Pour la diffusion web Standards 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
  • 26. Les conteneurs MetaData keyframes: time(0,23,35....) filepoisitions (228, 23243, 435555...) Conteneur (.mp4, .mov, .flv...)
  • 27. 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)
  • 28. Les encodeurs • Solution matériel • Certains cartes d'acquisition • 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)
  • 29. 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
  • 30. 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
  • 31. 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

Notes de l'éditeur

  1. \n
  2. 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
  3. 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
  4. 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
  5. 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
  6. \n
  7. 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
  8. 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
  9. \n
  10. Hebegeur OVH...\n\n
  11. La compression d&amp;#x2019;une video se fait simplement au niveau de ces images, en produisant des images compress&amp;#xE9;s\n
  12. \n
  13. &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
  14. Ce mode de compression utilise les faiblaisses\n
  15. La compression avec perte se base sur deux grandes principes ...\n\n
  16. Algorithme JPEG\n
  17. 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
  18. \n
  19. C&amp;#x2019;est l&amp;#x2019;image cl&amp;#xE9; ind&amp;#xE9;pendante encod&amp;#xE9; en JPEG\n
  20. 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
  21. 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
  22. 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
  23. 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
  24. Dans un standard on peut trouver plusieurs codecs.\n\n
  25. 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
  26. &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
  27. &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
  28. &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
  29. &amp;#x2014; l&amp;#xE0; je vous pr&amp;#xE9;sente.... quelques termes de jargon\n
  30. 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
  31. Correspond &amp;#xE0; la taille de l&amp;#x2019;image dans la vid&amp;#xE9;o\n\n
  32. \n