SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Cindy F. Solomon, CPM/CPMM AIPMM*  Certified Product Manager (CPM) Certified Product Marketing Manager (CPMM) *The Association of International Product Marketing and Management (AIPMM) http://www.linkedin.com/in/cfsolomon What is HTML5 Theora?
No more plugins for videos Everyone is familiar with viewing and embedding videos on the web through sites like YouTube.  Until now, virtually all of that video plays with the help of a third-party plug-in like Quicktime, RealPlayer, or Flash.
HTML5 a new, open web standard that lets you play videos directly in your browser.
New, Open Web Standard For the first time,  A defined standard  To play video directly from the browser Without an external plug-in.
Play Video Directly in Browser videos load faster using open web standards.  opens the floodgates for tons of cool video applications that weren't possible before.
Enter HTML5 Two most popular video formats for HTML5: Theora (.ogg files) and  H.264 (.mp4 files).  Others include:  MPEG-4 (e.g., XviD and DivX), RealVideo,  Windows Media Video other lower-bitrate video compression schemes.
Browser Compatibility Matrix Some browsers support only Theora, some only H.264, and some support both.
Preferred Format: Theora HTML5 can deliver any video format,but Theora isthe preferred format because it is royalty-free.  Content distributors don't have to pay to use the codec technology.
Theora: Royalty Free Can be used to distribute film and video online and on disc without the licensing and royalty fees or vendor lock-in associated with other formats.
Embed Theora The following HTML5 code fragment will embed the Theora video in a web page. <video src="movie.ogv" controls="controls"> your browser does not support the video tag </video>
H.264 costs $ in 2011 Starting in 2011, it will cost money to use the industry standard H.264 codec.  This is hugely problematic for the expansion of video on the web—imagine if you had to pay for embedding images on your web site!
Theora Free open lossy video compression format. Lossy method of compressing data and then decompressing it that retrieves data different from original, but close enough to be useful suited for internet content delivery cross-platform reliable
Free completely free for commercial or noncommercial use.  commercial developers may independently write Theora software which is compatible with the specification for no charge and without restrictions of any kind. Theora (and all associated technologies released by the Xiph.org Foundation) is released to the public via a BSD-style license.
Suited for internet content delivery can be streamed easily from virtually any HTTP server easy to provide static streams well engineered for low-bitratestreaming perceived video quality usually degrades gracefully as bitrate decreases
Cross Platform every major Linux distribution ships with support for Theora by default easy to install solutions for Windows and Mac OS authoring and consuming of Theora encoded content easy
Reliable Public documentation specification available to everyone at any time without restrictions open source nature guarantees ongoing developer support
Origins of Name Theora is named after TheoraJones, on the Max 	Headroom program (1987–1988), a short-lived, ground breaking American science fiction television series. Theora was Network 23's star controller and, 	working with the network's star reporter, Edison Carter.   She often helped save the day for everyone.
Theora Theora is well established as a video format in open source applications, and as the format used for Wikipedia's video content.  http://www.theora.org http://wiki.xiph.org http://openvideoalliance.org
Cindy F. Solomon, CPM/CPMM AIPMM*  Certified Product Manager (CPM) Certified Product Marketing Manager (CPMM) *The Association of International Product Marketing and Management (AIPMM) http://www.linkedin.com/in/cfsolomon

Weitere ähnliche Inhalte

Was ist angesagt?

Html5 Open Video Tutorial
Html5 Open Video TutorialHtml5 Open Video Tutorial
Html5 Open Video TutorialSilvia Pfeiffer
 
Make web as webapp
Make web as webappMake web as webapp
Make web as webappFred Lin
 
Html5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsHtml5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsYoss Cohen
 
Firefox OS overview
Firefox OS overviewFirefox OS overview
Firefox OS overviewFred Lin
 
Html5 Video Vs Flash Video presentation
Html5 Video Vs Flash Video presentationHtml5 Video Vs Flash Video presentation
Html5 Video Vs Flash Video presentationMatthew Fabb
 
JavaFX vs AJAX vs Flex
JavaFX vs AJAX vs FlexJavaFX vs AJAX vs Flex
JavaFX vs AJAX vs FlexCraig Dickson
 
Study of Chromium OS
Study of Chromium OSStudy of Chromium OS
Study of Chromium OSWilliam Lee
 
Taking HTML5 video a step further
Taking HTML5 video a step furtherTaking HTML5 video a step further
Taking HTML5 video a step furtherSilvia Pfeiffer
 

Was ist angesagt? (9)

Html5 Open Video Tutorial
Html5 Open Video TutorialHtml5 Open Video Tutorial
Html5 Open Video Tutorial
 
Make web as webapp
Make web as webappMake web as webapp
Make web as webapp
 
Html5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile ApplicationsHtml5, Native and Platform based Mobile Applications
Html5, Native and Platform based Mobile Applications
 
Firefox OS overview
Firefox OS overviewFirefox OS overview
Firefox OS overview
 
Html5 Video Vs Flash Video presentation
Html5 Video Vs Flash Video presentationHtml5 Video Vs Flash Video presentation
Html5 Video Vs Flash Video presentation
 
JavaFX vs AJAX vs Flex
JavaFX vs AJAX vs FlexJavaFX vs AJAX vs Flex
JavaFX vs AJAX vs Flex
 
Study of Chromium OS
Study of Chromium OSStudy of Chromium OS
Study of Chromium OS
 
Taking HTML5 video a step further
Taking HTML5 video a step furtherTaking HTML5 video a step further
Taking HTML5 video a step further
 
test
testtest
test
 

Andere mochten auch

Univ Conf Presentation 2009
Univ Conf Presentation 2009Univ Conf Presentation 2009
Univ Conf Presentation 2009gzabrisk
 
Prototyping is an attitude
Prototyping is an attitudePrototyping is an attitude
Prototyping is an attitudeWith Company
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionIn a Rocket
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting PersonalKirsty Hulse
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer ExperienceYuan Wang
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanPost Planner
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
 

Andere mochten auch (7)

Univ Conf Presentation 2009
Univ Conf Presentation 2009Univ Conf Presentation 2009
Univ Conf Presentation 2009
 
Prototyping is an attitude
Prototyping is an attitudePrototyping is an attitude
Prototyping is an attitude
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting Personal
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media Plan
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 

Ähnlich wie Html5 Theora

Flash and HTML5 Video
Flash and HTML5 VideoFlash and HTML5 Video
Flash and HTML5 VideoYoss Cohen
 
2011 06-20 - drupal jam - html5 video
2011 06-20 - drupal jam - html5 video2011 06-20 - drupal jam - html5 video
2011 06-20 - drupal jam - html5 videoMediaMosa
 
Technical considerations 2c
Technical considerations 2cTechnical considerations 2c
Technical considerations 2cCrashin
 
Flash-based audio and video communication
Flash-based audio and video communicationFlash-based audio and video communication
Flash-based audio and video communicationKundan Singh
 
A R T D M171 Week14 Multimedia
A R T D M171  Week14  MultimediaA R T D M171  Week14  Multimedia
A R T D M171 Week14 MultimediaGilbert Guerrero
 
HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014RZasadzinski
 
Online Video Delivery
Online Video DeliveryOnline Video Delivery
Online Video DeliveryDan O'Hara
 
2016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML52016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML5Erica Beavers
 
Different Types of Live Video Streaming Protocols and the Way They Work
Different Types of Live Video Streaming Protocols and the Way They WorkDifferent Types of Live Video Streaming Protocols and the Way They Work
Different Types of Live Video Streaming Protocols and the Way They WorkChetu
 
Digital Rights Management in Websites.pptx
Digital Rights Management in Websites.pptxDigital Rights Management in Websites.pptx
Digital Rights Management in Websites.pptxLahiru Jayakody
 
BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1
BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1
BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1Linaro
 
Windows7: Video Improvements
Windows7: Video ImprovementsWindows7: Video Improvements
Windows7: Video Improvementswonderu
 
Architecting a Video Encoding Strategy Designed For Growth
Architecting a Video Encoding Strategy Designed For GrowthArchitecting a Video Encoding Strategy Designed For Growth
Architecting a Video Encoding Strategy Designed For GrowthZencoder
 
2016 Streaming Media West: Choosing an HTML5 Player
2016 Streaming Media West: Choosing an HTML5 Player2016 Streaming Media West: Choosing an HTML5 Player
2016 Streaming Media West: Choosing an HTML5 PlayerErica Beavers
 

Ähnlich wie Html5 Theora (20)

Flash and HTML5 Video
Flash and HTML5 VideoFlash and HTML5 Video
Flash and HTML5 Video
 
2011 06-20 - drupal jam - html5 video
2011 06-20 - drupal jam - html5 video2011 06-20 - drupal jam - html5 video
2011 06-20 - drupal jam - html5 video
 
Technical considerations 2c
Technical considerations 2cTechnical considerations 2c
Technical considerations 2c
 
Html5 video
Html5 video Html5 video
Html5 video
 
Flash-based audio and video communication
Flash-based audio and video communicationFlash-based audio and video communication
Flash-based audio and video communication
 
BDPA Open Source 2012
BDPA  Open Source  2012BDPA  Open Source  2012
BDPA Open Source 2012
 
A R T D M171 Week14 Multimedia
A R T D M171  Week14  MultimediaA R T D M171  Week14  Multimedia
A R T D M171 Week14 Multimedia
 
HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014
 
Online Video Delivery
Online Video DeliveryOnline Video Delivery
Online Video Delivery
 
Multimedia Streaming Architecture
Multimedia Streaming ArchitectureMultimedia Streaming Architecture
Multimedia Streaming Architecture
 
2016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML52016 Streaming Media West: Transitioning from Flash to HTML5
2016 Streaming Media West: Transitioning from Flash to HTML5
 
Different Types of Live Video Streaming Protocols and the Way They Work
Different Types of Live Video Streaming Protocols and the Way They WorkDifferent Types of Live Video Streaming Protocols and the Way They Work
Different Types of Live Video Streaming Protocols and the Way They Work
 
Digital Rights Management in Websites.pptx
Digital Rights Management in Websites.pptxDigital Rights Management in Websites.pptx
Digital Rights Management in Websites.pptx
 
BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1
BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1
BKK16-201 Play Ready OPTEE Integration with Secure Video Path lhg-1
 
Beginning WordPress
Beginning WordPressBeginning WordPress
Beginning WordPress
 
Document (3)
Document (3)Document (3)
Document (3)
 
Windows7: Video Improvements
Windows7: Video ImprovementsWindows7: Video Improvements
Windows7: Video Improvements
 
Architecting a Video Encoding Strategy Designed For Growth
Architecting a Video Encoding Strategy Designed For GrowthArchitecting a Video Encoding Strategy Designed For Growth
Architecting a Video Encoding Strategy Designed For Growth
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
2016 Streaming Media West: Choosing an HTML5 Player
2016 Streaming Media West: Choosing an HTML5 Player2016 Streaming Media West: Choosing an HTML5 Player
2016 Streaming Media West: Choosing an HTML5 Player
 

Html5 Theora

  • 1. Cindy F. Solomon, CPM/CPMM AIPMM* Certified Product Manager (CPM) Certified Product Marketing Manager (CPMM) *The Association of International Product Marketing and Management (AIPMM) http://www.linkedin.com/in/cfsolomon What is HTML5 Theora?
  • 2. No more plugins for videos Everyone is familiar with viewing and embedding videos on the web through sites like YouTube. Until now, virtually all of that video plays with the help of a third-party plug-in like Quicktime, RealPlayer, or Flash.
  • 3. HTML5 a new, open web standard that lets you play videos directly in your browser.
  • 4. New, Open Web Standard For the first time, A defined standard To play video directly from the browser Without an external plug-in.
  • 5. Play Video Directly in Browser videos load faster using open web standards. opens the floodgates for tons of cool video applications that weren't possible before.
  • 6. Enter HTML5 Two most popular video formats for HTML5: Theora (.ogg files) and H.264 (.mp4 files). Others include: MPEG-4 (e.g., XviD and DivX), RealVideo, Windows Media Video other lower-bitrate video compression schemes.
  • 7. Browser Compatibility Matrix Some browsers support only Theora, some only H.264, and some support both.
  • 8. Preferred Format: Theora HTML5 can deliver any video format,but Theora isthe preferred format because it is royalty-free. Content distributors don't have to pay to use the codec technology.
  • 9. Theora: Royalty Free Can be used to distribute film and video online and on disc without the licensing and royalty fees or vendor lock-in associated with other formats.
  • 10. Embed Theora The following HTML5 code fragment will embed the Theora video in a web page. <video src="movie.ogv" controls="controls"> your browser does not support the video tag </video>
  • 11. H.264 costs $ in 2011 Starting in 2011, it will cost money to use the industry standard H.264 codec. This is hugely problematic for the expansion of video on the web—imagine if you had to pay for embedding images on your web site!
  • 12. Theora Free open lossy video compression format. Lossy method of compressing data and then decompressing it that retrieves data different from original, but close enough to be useful suited for internet content delivery cross-platform reliable
  • 13. Free completely free for commercial or noncommercial use. commercial developers may independently write Theora software which is compatible with the specification for no charge and without restrictions of any kind. Theora (and all associated technologies released by the Xiph.org Foundation) is released to the public via a BSD-style license.
  • 14. Suited for internet content delivery can be streamed easily from virtually any HTTP server easy to provide static streams well engineered for low-bitratestreaming perceived video quality usually degrades gracefully as bitrate decreases
  • 15. Cross Platform every major Linux distribution ships with support for Theora by default easy to install solutions for Windows and Mac OS authoring and consuming of Theora encoded content easy
  • 16. Reliable Public documentation specification available to everyone at any time without restrictions open source nature guarantees ongoing developer support
  • 17. Origins of Name Theora is named after TheoraJones, on the Max Headroom program (1987–1988), a short-lived, ground breaking American science fiction television series. Theora was Network 23's star controller and, working with the network's star reporter, Edison Carter. She often helped save the day for everyone.
  • 18. Theora Theora is well established as a video format in open source applications, and as the format used for Wikipedia's video content. http://www.theora.org http://wiki.xiph.org http://openvideoalliance.org
  • 19. Cindy F. Solomon, CPM/CPMM AIPMM* Certified Product Manager (CPM) Certified Product Marketing Manager (CPMM) *The Association of International Product Marketing and Management (AIPMM) http://www.linkedin.com/in/cfsolomon