SlideShare una empresa de Scribd logo
1 de 23
HTML5 in de praktijk
        Jan Devos
<video>
•   Video clips met <video> (en flash)

•   WebApp met live <video>

•   <video> H.264 octrooien
H.264
                Ogg Theora              VP8      VP6

  Internet
  Explorer         X         √ (9.0)    X        X

   Firefox         √          X        √ (4.0)   X

iPhone / iPad      X           √        X        X

    Flash          X           √        X        √
+
H.264        Baseline Profile   Baseline Profile   Main Profile   High Profile
Profile & Level       Level ?          Level 3.1       Level 3.1     All levels



                 Recommended            Max            Max
 Resolution
                   480x270            640x360        1280x720
•   Demo 1: perspective, rotate3d, translateZ

•   Demo II: animation, transform

•   Demo III: video

•   Demo IV: mask-image, gradient

•   Demo V: javascript + transform, rotate3d

•   Demo VI: javascript + video
H.264 Video Octrooien

•   Internet Broadcast
    Geen royalty’s (tenzij subscription of title-by-title video)

•   Subscription

•   Title-by-title
Subscription

Minder dan 100,000 abonnees      gratis
100,000 tot 250,000 abonnees     $25,000/jaar
250,000 tot 500,000 abonnees     $50,000/jaar
500,000 tot 1,000,000 abonnees   $75,000/jaar
Meer dan 1,000,000 abonnees      $100,000/jaar
Title-by-title

•   Video clips korter dan 12 minuten

              Gratis


•   Video clips langer dan 12 minuten

              Laagste van $0.02 per clip of 2% van de kost van de video
http://www.mpegla.com/main/programs/AVC/Pages/Intro.aspx
Q &A

Más contenido relacionado

Destacado

Learning kotler's basic marketing in one hour
Learning kotler's basic marketing in one hourLearning kotler's basic marketing in one hour
Learning kotler's basic marketing in one hour
Koichi Okubo
 
Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...
Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...
Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...
Andres Mazaira
 
Spnd 456 first weekend writingreading tec
Spnd 456 first weekend writingreading tecSpnd 456 first weekend writingreading tec
Spnd 456 first weekend writingreading tec
KarenJan
 

Destacado (19)

Second screen iot_day_stockholm_2014
Second screen iot_day_stockholm_2014Second screen iot_day_stockholm_2014
Second screen iot_day_stockholm_2014
 
Eric Dejonghe - The consumer goes digital
Eric Dejonghe - The consumer goes digitalEric Dejonghe - The consumer goes digital
Eric Dejonghe - The consumer goes digital
 
La TV como fenómeno social
La TV como fenómeno socialLa TV como fenómeno social
La TV como fenómeno social
 
7 Things You Should Know About 2nd Screen Interaction
7 Things You Should Know About 2nd Screen Interaction7 Things You Should Know About 2nd Screen Interaction
7 Things You Should Know About 2nd Screen Interaction
 
Tablets as second screen, future possibilities
Tablets as second screen, future possibilitiesTablets as second screen, future possibilities
Tablets as second screen, future possibilities
 
EduWeb 2016 Second Screen Storytelling
EduWeb 2016 Second Screen StorytellingEduWeb 2016 Second Screen Storytelling
EduWeb 2016 Second Screen Storytelling
 
The media consumer
The media consumer The media consumer
The media consumer
 
Salvador Aceves de Pulso Viral en TSN 25
Salvador Aceves de Pulso Viral en TSN 25Salvador Aceves de Pulso Viral en TSN 25
Salvador Aceves de Pulso Viral en TSN 25
 
Learning kotler's basic marketing in one hour
Learning kotler's basic marketing in one hourLearning kotler's basic marketing in one hour
Learning kotler's basic marketing in one hour
 
Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...
Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...
Aedemo TV La 2ª pantalla: Oportunidades de nuevos modelos de negocio para el ...
 
Media Square : platform for second screen experiences
Media Square : platform for second screen experiencesMedia Square : platform for second screen experiences
Media Square : platform for second screen experiences
 
Second screen strategy: Digital, social & mobile best practices for conferenc...
Second screen strategy: Digital, social & mobile best practices for conferenc...Second screen strategy: Digital, social & mobile best practices for conferenc...
Second screen strategy: Digital, social & mobile best practices for conferenc...
 
Spnd 456 first weekend writingreading tec
Spnd 456 first weekend writingreading tecSpnd 456 first weekend writingreading tec
Spnd 456 first weekend writingreading tec
 
Second screen advertising: Correlation between Television and Digital Landsca...
Second screen advertising: Correlation between Television and Digital Landsca...Second screen advertising: Correlation between Television and Digital Landsca...
Second screen advertising: Correlation between Television and Digital Landsca...
 
Estudio anual de mobile marketing 2016 (iab Spain) - Les Hoteliers
Estudio anual de mobile marketing 2016 (iab Spain) - Les HoteliersEstudio anual de mobile marketing 2016 (iab Spain) - Les Hoteliers
Estudio anual de mobile marketing 2016 (iab Spain) - Les Hoteliers
 
Building second screen TV apps
Building second screen TV appsBuilding second screen TV apps
Building second screen TV apps
 
10 Ways Marketers Are Using the Second Screen (May 2012)
10 Ways Marketers Are Using the Second Screen (May 2012)10 Ways Marketers Are Using the Second Screen (May 2012)
10 Ways Marketers Are Using the Second Screen (May 2012)
 
From Second Screen to Multi-Screen: We Are Social's Guide to Social Screens
From Second Screen to Multi-Screen: We Are Social's Guide to Social ScreensFrom Second Screen to Multi-Screen: We Are Social's Guide to Social Screens
From Second Screen to Multi-Screen: We Are Social's Guide to Social Screens
 
Second Screen Strategy: Planning For (And Against) A Multi-Screen World
Second Screen Strategy: Planning For (And Against) A Multi-Screen WorldSecond Screen Strategy: Planning For (And Against) A Multi-Screen World
Second Screen Strategy: Planning For (And Against) A Multi-Screen World
 

Similar a video for html5

Polycom Competitive Q1 08
Polycom Competitive Q1 08Polycom Competitive Q1 08
Polycom Competitive Q1 08
Videoguy
 
Stefan slivinski lifesize video coding
Stefan slivinski lifesize video coding Stefan slivinski lifesize video coding
Stefan slivinski lifesize video coding
IMTC
 
High Definition Video Conferencing End-to-end
High Definition Video Conferencing End-to-endHigh Definition Video Conferencing End-to-end
High Definition Video Conferencing End-to-end
Videoguy
 
Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5
Doris Chen
 
2012 Summer MYT Video Editing Week 4 Exporting
2012 Summer MYT Video Editing Week 4 Exporting2012 Summer MYT Video Editing Week 4 Exporting
2012 Summer MYT Video Editing Week 4 Exporting
Richard Yen
 

Similar a video for html5 (20)

Encoding Video for the Web - Webinar from ReelSEO.com
Encoding Video for the Web  - Webinar from ReelSEO.comEncoding Video for the Web  - Webinar from ReelSEO.com
Encoding Video for the Web - Webinar from ReelSEO.com
 
Training
TrainingTraining
Training
 
Top 5 Television Broadcasting Software's
Top 5 Television Broadcasting Software'sTop 5 Television Broadcasting Software's
Top 5 Television Broadcasting Software's
 
Polycom Competitive Q1 08
Polycom Competitive Q1 08Polycom Competitive Q1 08
Polycom Competitive Q1 08
 
i-Cast - product I built once. Still around. Awesome.
i-Cast - product I built once. Still around. Awesome.i-Cast - product I built once. Still around. Awesome.
i-Cast - product I built once. Still around. Awesome.
 
Apan media encoding
Apan media encodingApan media encoding
Apan media encoding
 
Stefan slivinski lifesize video coding
Stefan slivinski lifesize video coding Stefan slivinski lifesize video coding
Stefan slivinski lifesize video coding
 
Fluid Layouting Techniques - Over The Air 2009
Fluid Layouting Techniques - Over The Air 2009Fluid Layouting Techniques - Over The Air 2009
Fluid Layouting Techniques - Over The Air 2009
 
Intro to Compression: Audio and Video Optimization for Learning
Intro to Compression: Audio and Video Optimization for LearningIntro to Compression: Audio and Video Optimization for Learning
Intro to Compression: Audio and Video Optimization for Learning
 
NAB Show 2018 Notes
NAB Show 2018 NotesNAB Show 2018 Notes
NAB Show 2018 Notes
 
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet![edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
 
High Definition Video Conferencing End-to-end
High Definition Video Conferencing End-to-endHigh Definition Video Conferencing End-to-end
High Definition Video Conferencing End-to-end
 
Dive Into HTML5
Dive Into HTML5Dive Into HTML5
Dive Into HTML5
 
2012 Summer MYT Video Editing Week 4 Exporting
2012 Summer MYT Video Editing Week 4 Exporting2012 Summer MYT Video Editing Week 4 Exporting
2012 Summer MYT Video Editing Week 4 Exporting
 
Dive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDive into HTML5: SVG and Canvas
Dive into HTML5: SVG and Canvas
 
4 ultra hd_hevc-hertz_da_silva
4 ultra hd_hevc-hertz_da_silva4 ultra hd_hevc-hertz_da_silva
4 ultra hd_hevc-hertz_da_silva
 
Worksheet 1
Worksheet 1Worksheet 1
Worksheet 1
 
Lecture01
Lecture01Lecture01
Lecture01
 
Html5 Theora
Html5 TheoraHtml5 Theora
Html5 Theora
 
Making Virtual Reality Real: 4K VR/AR Encoding and Global Delivery
Making Virtual Reality Real: 4K VR/AR Encoding and Global DeliveryMaking Virtual Reality Real: 4K VR/AR Encoding and Global Delivery
Making Virtual Reality Real: 4K VR/AR Encoding and Global Delivery
 

Más de vrt-medialab

iMinds VillaSquare evaluation IBBT-SMIT
iMinds VillaSquare evaluation IBBT-SMITiMinds VillaSquare evaluation IBBT-SMIT
iMinds VillaSquare evaluation IBBT-SMIT
vrt-medialab
 
Multischermenonderzoek
MultischermenonderzoekMultischermenonderzoek
Multischermenonderzoek
vrt-medialab
 
Exploring your media with the Semantic Web
Exploring your media with the Semantic WebExploring your media with the Semantic Web
Exploring your media with the Semantic Web
vrt-medialab
 
Champ belgian broadcast_days
Champ belgian broadcast_daysChamp belgian broadcast_days
Champ belgian broadcast_days
vrt-medialab
 
Grid technology for next gen media processing
Grid technology for next gen media processingGrid technology for next gen media processing
Grid technology for next gen media processing
vrt-medialab
 
Advanced Media and File Formats
Advanced Media and File FormatsAdvanced Media and File Formats
Advanced Media and File Formats
vrt-medialab
 
Geisha Grid Enabled Infrastructure for Service oriented High definition media...
Geisha Grid Enabled Infrastructure for Service oriented High definition media...Geisha Grid Enabled Infrastructure for Service oriented High definition media...
Geisha Grid Enabled Infrastructure for Service oriented High definition media...
vrt-medialab
 
Automating Workflows with Service Oriented Media Applications
Automating Workflows with Service Oriented Media ApplicationsAutomating Workflows with Service Oriented Media Applications
Automating Workflows with Service Oriented Media Applications
vrt-medialab
 
Metadata to create and collect
Metadata to create and collectMetadata to create and collect
Metadata to create and collect
vrt-medialab
 
Metadata om te creëren / Metadata to create
Metadata om te creëren / Metadata to createMetadata om te creëren / Metadata to create
Metadata om te creëren / Metadata to create
vrt-medialab
 

Más de vrt-medialab (20)

iMinds VillaSquare evaluation IBBT-SMIT
iMinds VillaSquare evaluation IBBT-SMITiMinds VillaSquare evaluation IBBT-SMIT
iMinds VillaSquare evaluation IBBT-SMIT
 
Multischermenonderzoek
MultischermenonderzoekMultischermenonderzoek
Multischermenonderzoek
 
Exploring your media with the Semantic Web
Exploring your media with the Semantic WebExploring your media with the Semantic Web
Exploring your media with the Semantic Web
 
BDMA workshop presentation - Using the Second Screen - MediaSquare - MediaCRM
BDMA workshop presentation - Using the Second Screen - MediaSquare - MediaCRMBDMA workshop presentation - Using the Second Screen - MediaSquare - MediaCRM
BDMA workshop presentation - Using the Second Screen - MediaSquare - MediaCRM
 
Champ belgian broadcast_days
Champ belgian broadcast_daysChamp belgian broadcast_days
Champ belgian broadcast_days
 
Champ Pitch Celtic-Plus Event 2011
Champ Pitch Celtic-Plus Event 2011Champ Pitch Celtic-Plus Event 2011
Champ Pitch Celtic-Plus Event 2011
 
medialoep
medialoepmedialoep
medialoep
 
html5 an introduction
html5 an introductionhtml5 an introduction
html5 an introduction
 
Boost your search with semantic technology
Boost your search with semantic technologyBoost your search with semantic technology
Boost your search with semantic technology
 
MediaSquare - Check into your favourite media
MediaSquare - Check into your favourite mediaMediaSquare - Check into your favourite media
MediaSquare - Check into your favourite media
 
Transmedia
TransmediaTransmedia
Transmedia
 
MediaCRM - Putting the media customer first
MediaCRM - Putting the media customer firstMediaCRM - Putting the media customer first
MediaCRM - Putting the media customer first
 
A MEDIA SHARING PLATFORM BUILT WITH OPEN SOURCE SOFTWARE
A MEDIA SHARING PLATFORM BUILT WITH OPEN SOURCE SOFTWAREA MEDIA SHARING PLATFORM BUILT WITH OPEN SOURCE SOFTWARE
A MEDIA SHARING PLATFORM BUILT WITH OPEN SOURCE SOFTWARE
 
IBC 2010 Redefining Search
IBC 2010 Redefining SearchIBC 2010 Redefining Search
IBC 2010 Redefining Search
 
Grid technology for next gen media processing
Grid technology for next gen media processingGrid technology for next gen media processing
Grid technology for next gen media processing
 
Advanced Media and File Formats
Advanced Media and File FormatsAdvanced Media and File Formats
Advanced Media and File Formats
 
Geisha Grid Enabled Infrastructure for Service oriented High definition media...
Geisha Grid Enabled Infrastructure for Service oriented High definition media...Geisha Grid Enabled Infrastructure for Service oriented High definition media...
Geisha Grid Enabled Infrastructure for Service oriented High definition media...
 
Automating Workflows with Service Oriented Media Applications
Automating Workflows with Service Oriented Media ApplicationsAutomating Workflows with Service Oriented Media Applications
Automating Workflows with Service Oriented Media Applications
 
Metadata to create and collect
Metadata to create and collectMetadata to create and collect
Metadata to create and collect
 
Metadata om te creëren / Metadata to create
Metadata om te creëren / Metadata to createMetadata om te creëren / Metadata to create
Metadata om te creëren / Metadata to create
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Último (20)

Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 

video for html5

  • 1. HTML5 in de praktijk Jan Devos
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 8. Video clips met <video> (en flash) • WebApp met live <video> • <video> H.264 octrooien
  • 9.
  • 10.
  • 11. H.264 Ogg Theora VP8 VP6 Internet Explorer X √ (9.0) X X Firefox √ X √ (4.0) X iPhone / iPad X √ X X Flash X √ X √
  • 12. +
  • 13.
  • 14.
  • 15.
  • 16. H.264 Baseline Profile Baseline Profile Main Profile High Profile Profile & Level Level ? Level 3.1 Level 3.1 All levels Recommended Max Max Resolution 480x270 640x360 1280x720
  • 17.
  • 18. Demo 1: perspective, rotate3d, translateZ • Demo II: animation, transform • Demo III: video • Demo IV: mask-image, gradient • Demo V: javascript + transform, rotate3d • Demo VI: javascript + video
  • 19. H.264 Video Octrooien • Internet Broadcast Geen royalty’s (tenzij subscription of title-by-title video) • Subscription • Title-by-title
  • 20. Subscription Minder dan 100,000 abonnees gratis 100,000 tot 250,000 abonnees $25,000/jaar 250,000 tot 500,000 abonnees $50,000/jaar 500,000 tot 1,000,000 abonnees $75,000/jaar Meer dan 1,000,000 abonnees $100,000/jaar
  • 21. Title-by-title • Video clips korter dan 12 minuten Gratis • Video clips langer dan 12 minuten Laagste van $0.02 per clip of 2% van de kost van de video
  • 23. Q &A

Notas del editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n