SlideShare a Scribd company logo
1 of 51
Download to read offline
WEB DESIGN
                              e
                            VIDEO

domenica 24 febbraio 13
WEB DESIGN
              e
       MOTION GRAPHICS

domenica 24 febbraio 13
WEB DESIGN
              e
       MOTION GRAPHICS

domenica 24 febbraio 13
in passato...
                             flickr.com/photos/seaan/239018675/

domenica 24 febbraio 13
Windows Media Player


domenica 24 febbraio 13
Windows Media Player
                       EMBEDDED
                     nelle pagine web
domenica 24 febbraio 13
Windows Media Player
                      INCORPORATO
                     nelle pagine web
domenica 24 febbraio 13
Windows Media Player
                      INCORPORATO
                     nelle pagine web
domenica 24 febbraio 13
Windows Media Player
                             INCORPORATO
                            nelle pagine web
domenica 24 febbraio 13
Windows Media Player
                             INCORPORATO
                            nelle pagine web
domenica 24 febbraio 13
REAL PLAYER
                           INCORPORATO
                          nelle pagine web
domenica 24 febbraio 13
domenica 24 febbraio 13
→                  formato proprietario
       →                  plugin obbligatorio

       →                  performance
                          deludente (?)



domenica 24 febbraio 13
domenica 24 febbraio 13
Flash
                          VIDEO

domenica 24 febbraio 13
domenica 24 febbraio 13
domenica 24 febbraio 13
2006
domenica 24 febbraio 13
2006
     →                    CODEC H.263 mono



domenica 24 febbraio 13
2008
     →                    CODEC H.263 mono
     →                      video a 480p

domenica 24 febbraio 13
2008
     →                    CODEC H.263 mono
     →                       video a 480p
     →                     video a 720p (HD)
domenica 24 febbraio 13
2008
     →                    CODEC H.263 mono
     →                       video a 480p
     →                     video a 720p (HD)
     →
domenica 24 febbraio 13
                              formato 16:9
2008
                          CODEC H.264
                               switch-off
                          dell’intero archivio
domenica 24 febbraio 13
Novembre 2009
                             1080p

domenica 24 febbraio 13
Novembre 2009
                             1080p
                             FULL HD
domenica 24 febbraio 13
Novembre 2010




domenica 24 febbraio 13
                            4K
Gennaio 2010

                            BYE BYE
                             FLASH

domenica 24 febbraio 13
Gennaio 2010
                            VERSIONE
                          SPERIMENTALE
                             HTML5
domenica 24 febbraio 13
Gennaio 2010
                   VERSIONE SPERIMENTALE
                          HTML5
                          youtube.com/html5
domenica 24 febbraio 13
youtube.com/html5
domenica 24 febbraio 13
2008
                          CODEC H.264

domenica 24 febbraio 13
2013
                          CODEC H.264

domenica 24 febbraio 13
2013
         CODEC H.264
       CODEC VP8 (WebM)
domenica 24 febbraio 13
2013
         CODEC H.264
       CODEC VP8 (WebM)
domenica 24 febbraio 13
domenica 24 febbraio 13
SILVERLIGHT

domenica 24 febbraio 13
SILVERLIGHT
domenica 24 febbraio 13
SILVERLIGHT
domenica 24 febbraio 13
domenica 24 febbraio 13
2013
         CODEC H.264
       CODEC VP8 (WebM)
                          FLASH
domenica 24 febbraio 13
2013
         CODEC H.264
       CODEC VP8 (WebM)
                          FLASH   HTML5
domenica 24 febbraio 13
CODEC H.264
      →                   brevettato
      →                   alta qualità

      →                   sfrutta l’accelerazione
                          grafica
     →
domenica 24 febbraio 13
                          Apple + Microsoft
CODEC VP8 (WebM)
      → brevetto royalty free
      → Google
      →                   Open Standard


domenica 24 febbraio 13
domenica 24 febbraio 13
<video>


domenica 24 febbraio 13
<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
  Your browser does not support the video tag.
  </video>




domenica 24 febbraio 13
<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
  Your browser does not support the video tag.
  </video>




domenica 24 febbraio 13
<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
  Your browser does not support the video tag.
  </video>




domenica 24 febbraio 13
<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
  Your browser does not support the video tag.
  </video>




domenica 24 febbraio 13
<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
  Your browser does not support the video tag.
  </video>




domenica 24 febbraio 13
YOUTUBE
                          PLAYBOOK

                youtube.com/yt/playbook/it

domenica 24 febbraio 13

More Related Content

Viewers also liked

Windows App Studio: da zero allo store in 60 minuti!
Windows App Studio: da zero allo store in 60 minuti!Windows App Studio: da zero allo store in 60 minuti!
Windows App Studio: da zero allo store in 60 minuti!Massimo Bonanni
 
Laboratorio di Web Design Base - 2014/15 - HTML/5
Laboratorio di Web Design Base - 2014/15 - HTML/5Laboratorio di Web Design Base - 2014/15 - HTML/5
Laboratorio di Web Design Base - 2014/15 - HTML/5Giovanni Buffa
 
Initializr - come iniziare
Initializr - come iniziareInitializr - come iniziare
Initializr - come iniziareSalvatore Paone
 
Sviluppare per Microsoft Band
Sviluppare per Microsoft BandSviluppare per Microsoft Band
Sviluppare per Microsoft BandMassimo Bonanni
 
MJTobin Resume 2015
MJTobin Resume 2015MJTobin Resume 2015
MJTobin Resume 2015Maryjo Tobin
 
Applicazioni Windows Store con Kinect 2
Applicazioni Windows Store con Kinect 2 Applicazioni Windows Store con Kinect 2
Applicazioni Windows Store con Kinect 2 Massimo Bonanni
 
Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!
Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!
Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!Massimo Bonanni
 
HTMLslide html
HTMLslide htmlHTMLslide html
HTMLslide htmlritalerede
 
I linguaggi del web - seconda edizione (1° giornata)
I linguaggi del web - seconda edizione (1° giornata)I linguaggi del web - seconda edizione (1° giornata)
I linguaggi del web - seconda edizione (1° giornata)Diego La Monica
 
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerHTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerMatteo Magni
 
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerMatteo Magni
 
Introduzione allo sviluppo UWP per xBox
Introduzione allo sviluppo UWP per xBoxIntroduzione allo sviluppo UWP per xBox
Introduzione allo sviluppo UWP per xBoxMassimo Bonanni
 

Viewers also liked (18)

Windows App Studio: da zero allo store in 60 minuti!
Windows App Studio: da zero allo store in 60 minuti!Windows App Studio: da zero allo store in 60 minuti!
Windows App Studio: da zero allo store in 60 minuti!
 
HTML 5 e browser legacy
HTML 5 e browser legacyHTML 5 e browser legacy
HTML 5 e browser legacy
 
Laboratorio di Web Design Base - 2014/15 - HTML/5
Laboratorio di Web Design Base - 2014/15 - HTML/5Laboratorio di Web Design Base - 2014/15 - HTML/5
Laboratorio di Web Design Base - 2014/15 - HTML/5
 
Initializr - come iniziare
Initializr - come iniziareInitializr - come iniziare
Initializr - come iniziare
 
Sviluppare per Microsoft Band
Sviluppare per Microsoft BandSviluppare per Microsoft Band
Sviluppare per Microsoft Band
 
HTMLslide
HTMLslide HTMLslide
HTMLslide
 
Domino e HTML5, #dd13
Domino e HTML5, #dd13Domino e HTML5, #dd13
Domino e HTML5, #dd13
 
MJTobin Resume 2015
MJTobin Resume 2015MJTobin Resume 2015
MJTobin Resume 2015
 
Applicazioni Windows Store con Kinect 2
Applicazioni Windows Store con Kinect 2 Applicazioni Windows Store con Kinect 2
Applicazioni Windows Store con Kinect 2
 
Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!
Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!
Windows Hello e Intel(r) RealSense(tm): attenti a questi due!!
 
HTMLslide html
HTMLslide htmlHTMLslide html
HTMLslide html
 
I linguaggi del web - seconda edizione (1° giornata)
I linguaggi del web - seconda edizione (1° giornata)I linguaggi del web - seconda edizione (1° giornata)
I linguaggi del web - seconda edizione (1° giornata)
 
Accessibilità dei siti web
Accessibilità dei siti webAccessibilità dei siti web
Accessibilità dei siti web
 
Corso di HTML5 e CSS
Corso di HTML5 e CSSCorso di HTML5 e CSS
Corso di HTML5 e CSS
 
Html5
Html5Html5
Html5
 
HTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesignerHTML5 e Css3 - 3 | WebMaster & WebDesigner
HTML5 e Css3 - 3 | WebMaster & WebDesigner
 
HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
 
Introduzione allo sviluppo UWP per xBox
Introduzione allo sviluppo UWP per xBoxIntroduzione allo sviluppo UWP per xBox
Introduzione allo sviluppo UWP per xBox
 

More from Andrea Riezzo

12 cose da non fare sui social media
12 cose da non fare sui social media12 cose da non fare sui social media
12 cose da non fare sui social mediaAndrea Riezzo
 
Creatività, Condivisione e Lavoro Creativo
Creatività, Condivisione e Lavoro CreativoCreatività, Condivisione e Lavoro Creativo
Creatività, Condivisione e Lavoro CreativoAndrea Riezzo
 
Basi di Fotografia e Light-Painting
Basi di Fotografia e Light-PaintingBasi di Fotografia e Light-Painting
Basi di Fotografia e Light-PaintingAndrea Riezzo
 
Light-Painting ITA - Introduzione
Light-Painting ITA - IntroduzioneLight-Painting ITA - Introduzione
Light-Painting ITA - IntroduzioneAndrea Riezzo
 
Briefing su Branding, Colore e Fonts
Briefing su Branding, Colore e FontsBriefing su Branding, Colore e Fonts
Briefing su Branding, Colore e FontsAndrea Riezzo
 
Logo & Font in un Brand
Logo & Font in un BrandLogo & Font in un Brand
Logo & Font in un BrandAndrea Riezzo
 
Branding e Psicologia del Colore
Branding e Psicologia del ColoreBranding e Psicologia del Colore
Branding e Psicologia del ColoreAndrea Riezzo
 
(Breve) Storia del Web Design
(Breve) Storia del Web Design(Breve) Storia del Web Design
(Breve) Storia del Web DesignAndrea Riezzo
 
Cosa è successo in soli 6 mesi sul Web
Cosa è successo in soli 6 mesi sul WebCosa è successo in soli 6 mesi sul Web
Cosa è successo in soli 6 mesi sul WebAndrea Riezzo
 
Web Marketing (anche nei social media) spicciolo
Web Marketing (anche nei social media) spiccioloWeb Marketing (anche nei social media) spicciolo
Web Marketing (anche nei social media) spiccioloAndrea Riezzo
 
Il diritto d'autore sul Web
Il diritto d'autore sul WebIl diritto d'autore sul Web
Il diritto d'autore sul WebAndrea Riezzo
 
Breve storia del Web Publishing - editoria sul Web
Breve storia del Web Publishing - editoria sul WebBreve storia del Web Publishing - editoria sul Web
Breve storia del Web Publishing - editoria sul WebAndrea Riezzo
 
La Web-Tv: una breve storia dei video sul Web
La Web-Tv: una breve storia dei video sul WebLa Web-Tv: una breve storia dei video sul Web
La Web-Tv: una breve storia dei video sul WebAndrea Riezzo
 

More from Andrea Riezzo (14)

12 cose da non fare sui social media
12 cose da non fare sui social media12 cose da non fare sui social media
12 cose da non fare sui social media
 
Creatività, Condivisione e Lavoro Creativo
Creatività, Condivisione e Lavoro CreativoCreatività, Condivisione e Lavoro Creativo
Creatività, Condivisione e Lavoro Creativo
 
Basi di Fotografia e Light-Painting
Basi di Fotografia e Light-PaintingBasi di Fotografia e Light-Painting
Basi di Fotografia e Light-Painting
 
Light-Painting ITA - Introduzione
Light-Painting ITA - IntroduzioneLight-Painting ITA - Introduzione
Light-Painting ITA - Introduzione
 
Briefing su Branding, Colore e Fonts
Briefing su Branding, Colore e FontsBriefing su Branding, Colore e Fonts
Briefing su Branding, Colore e Fonts
 
Logo & Font in un Brand
Logo & Font in un BrandLogo & Font in un Brand
Logo & Font in un Brand
 
Branding e Psicologia del Colore
Branding e Psicologia del ColoreBranding e Psicologia del Colore
Branding e Psicologia del Colore
 
(Breve) Storia del Web Design
(Breve) Storia del Web Design(Breve) Storia del Web Design
(Breve) Storia del Web Design
 
CSS - Primi Passi
CSS - Primi PassiCSS - Primi Passi
CSS - Primi Passi
 
Cosa è successo in soli 6 mesi sul Web
Cosa è successo in soli 6 mesi sul WebCosa è successo in soli 6 mesi sul Web
Cosa è successo in soli 6 mesi sul Web
 
Web Marketing (anche nei social media) spicciolo
Web Marketing (anche nei social media) spiccioloWeb Marketing (anche nei social media) spicciolo
Web Marketing (anche nei social media) spicciolo
 
Il diritto d'autore sul Web
Il diritto d'autore sul WebIl diritto d'autore sul Web
Il diritto d'autore sul Web
 
Breve storia del Web Publishing - editoria sul Web
Breve storia del Web Publishing - editoria sul WebBreve storia del Web Publishing - editoria sul Web
Breve storia del Web Publishing - editoria sul Web
 
La Web-Tv: una breve storia dei video sul Web
La Web-Tv: una breve storia dei video sul WebLa Web-Tv: una breve storia dei video sul Web
La Web-Tv: una breve storia dei video sul Web
 

Video, Web Design etc.