CINXE.COM
The WebM Project | About WebM
<!DOCTYPE html> <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]--> <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]--> <!--[if IE 8]><html class="no-js lt-ie9"><![endif]--> <!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>The WebM Project | About WebM </title> <meta name="google-site-verification" content="k48O6zrnreFHIEU7DjyqpOK8REgb_WD1_OyorIE4Ti0"> <!-- Included CSS Files --> <link rel="stylesheet" href="/media/css/bootstrap.css" nonce="GtEBOWFYCYq3NZgvRIpXwQ"> <style type="text/css"> body { padding-top: 80px; } </style> <link rel="stylesheet" href="/media/css/bootstrap-responsive.css" nonce="GtEBOWFYCYq3NZgvRIpXwQ"> <link rel="stylesheet" href="/media/css/webm.css" nonce="GtEBOWFYCYq3NZgvRIpXwQ"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" nonce="GtEBOWFYCYq3NZgvRIpXwQ"></script> <script src="https://storage.googleapis.com/downloads.webmproject.org/media/js/bootstrap.min.js" nonce="GtEBOWFYCYq3NZgvRIpXwQ"></script> <link rel="shortcut icon" href="/media/images/webm-48px.png"> <!-- <link rel="apple-touch-icon" href="/media/images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="/media/images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="/media/images/apple-touch-icon-114x114.png"> --> </head> <body class="about" id="None"> <div id="not-footer"> <header> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <!-- .btn-navbar is used as the toggle for collapsed navbar content --> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="/" title="The WebM Project" style="padding: 0; margin: 3px 20px 0 0;"><img src="/media/images/webm-558x156.png" alt="" style="height: 46px; padding: 0"></a> <!-- Everything we want hidden at 940px or less, place within .nav-collapse --> <div class="nav-collapse collapse"> <ul class="nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> About <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="/about/">About WebM</a></li> <li><a href="/about/press/">Press Info</a></li> <li><a href="/about/faq/">FAQ</a></li> <li><a href="/about/discuss/">Discuss</a></li> <li><a href="/about/supporters/">Supporters</a></li> <li class="divider"></li> <li><a href="/vp9/">VP9 Codec</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Developer <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/code/">Overview & Code Repos</a></li> <li><a href="/code/contribute/">Contribute</a> <li><a href="/code/contribute/submitting-patches/">Submitting Patches</a></li> <li><a href="/code/contribute/code-reviews/">Code Reviews</a></li> <li><a href="/code/contribute/workflow/">Workflow</a></li> <li><a href="/code/contribute/conventions/">Conventions</a></li> <li class="divider"></li> <li><a href="https://build.webmproject.org/jenkins/">Continuous Integration</a></li> <li class="divider"></li> <li><a href="/code/bug-reporting/">Bug Reporting</a></li> <li><a href="/code/build-prerequisites/">Build Prerequisites</a></li> <li><a href="/code/repository-layout/">Repository Layout</a></li> <li><a href="/code/releases/">Releases</a></li> <li><a href="/code/roadmap/">Roadmap</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Docs <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/vp9/">Draft VP9 Bitstream Format</a></li> <li><a href="/vp9/mp4/">VP Codec ISO Media File Format Binding (MP4)</a></li> <li><a href="/vp9/levels/">VP9 Levels and Decoder Testing</a></li> <li><a href="http://datatracker.ietf.org/doc/rfc6386/">RFC 6386: VP8 Data Format</a></li> <li><a href="/docs/container/">WebM Container Format</a></li> <li><a href="/docs/webm-encryption/">WebM Encryption</a></li> <li><a href="http://tools.ietf.org/html/draft-ietf-payload-vp8">VP8 RTP Proposal (Draft)</a></li> <li><a href="/docs/encoder-parameters/">Encoder Examples</a></li> <li><a href="http://wiki.webmproject.org/">Wiki</a></li> </ul> </li> <li><a href="/tools/">Tools</a></li> </ul> <script type="text/javascript" src="https://www.google.com/jsapi" nonce="GtEBOWFYCYq3NZgvRIpXwQ"></script> <script type="text/javascript" nonce="GtEBOWFYCYq3NZgvRIpXwQ"> google.load('search', '1'); google.setOnLoadCallback(function() { google.search.CustomSearchControl.attachAutoCompletion( '003367860376540524942:a7a4auyo1la', document.getElementById('q'), 'cse-search-box'); }); </script> <form action="https://www.google.com/cse" class="navbar-search pull-right searchbox"> <div class="control-group"> <div class="controls"> <div class="input-prepend"> <span class="add-on"><i class="icon-search"></i></span><input type="text" name="q" id="q" autocomplete="on" class="span2" placeholder="" style="background-image: none;"> <input type="hidden" name="cx" value="003367860376540524942:a7a4auyo1la"> <input type="hidden" name="ie" value="UTF-8"> </div> </div> </div> </form> </div> </div><!-- /container --> </div> </div> </header> <div class="container"> <div class="row"> <div class="span10 offset1"> <ul class="breadcrumb"> <li><a href="/"> Home </a><span class="divider">></span> </li> <li class="active"> About </li> </ul> </div> </div> <div class="row"> <div class="span10 offset1"> <h2>About WebM</h2> <p>WebM is an open, royalty-free, media file format designed for the web.</p> <p>WebM defines the file container structure, video and audio formats. WebM files consist of video streams compressed with the VP8 or VP9 video codecs and audio streams compressed with the <a href="https://xiph.org/vorbis/">Vorbis</a> or <a href="https://www.opus-codec.org/">Opus</a> audio codecs.</p> <p>The WebM file structure is based on the <a href="https://www.matroska.org/what_is_matroska.html">Matroska</a> container.</p> <p>For more information about WebM, see the <a href="/about/faq/">FAQ</a>.</p> <p>Developers: To get involved, <a href="/code/">visit our Code page</a>.</p> <div class="flex-video widescreen"> <iframe width="600" height="335" src="https://www.youtube.com/embed/IETReChj4Xk?rel=0&showinfo=0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> <p><em style="color: #666;">To view this video in WebM format, use a <a href="/users/#supported_web_browsers">supported browser</a> and make sure you're enrolled in the YouTube <a href="https://youtube.com/html5">HTML5 trial</a>.</em></p> <h4 id="benefits-of-webm">Benefits of WebM</h4> <ul> <li> <p><strong>Openness and innovation.</strong> A key factor in the web's success is that its core technologies such as HTML, HTTP, and TCP/IP are open for anyone to implement and improve. With video being core to the web experience, a high-quality, open video format choice is needed. WebM is 100% free, and open-sourced under a <a href="/license/">BSD-style license</a>.</p> </li> <li> <p><strong>Optimized for the web.</strong> Serving video on the web is different from traditional broadcast and offline mediums. Existing video formats were designed to serve the needs of these mediums and do it very well. WebM is focused on addressing the unique needs of serving video on the web.</p> <ul> <li> <p>Low computational footprint to enable playback on any device, including low-power netbooks, handhelds, tablets, etc.</p> </li> <li> <p>Simple container format</p> </li> <li> <p>Highest quality real-time video delivery</p> </li> <li> <p>Click and encode. Minimal codec profiles and sub-options. When possible, let the encoder make the tough choices.</p> </li> </ul> </li> </ul> </div> </div> <div class="row"> <div class="span10 offset1"> </div> </div> </div> <!-- /container --> </div> <footer class=""> <div class="container handfoot"> <div class="row"> <section class="span2 offset1"> <h6>About</h6> <ul> <li><a href="/about/">About WebM</a></li> <li><a href="/about/faq/">FAQ</a></li> <li><a href="/about/discuss/">Discuss</a></li> <li><a href="/about/supporters/">Supporters</a></li> </ul> <h6>More</h6> <ul> <li><a href="/tools/">Tools</a></li> <li><a href="/license/">Licenses</a></li> <li><a href="https://storage.googleapis.com/downloads.webmproject.org/releases/webm/index.html" class="no-ext">Downloads</a></li> <li><a href="/cross-license/">VP8 Cross-License</a></li> </ul> </section> <section class="span2"> <h6>Developer</h6> <ul> <li><a href="/code/">Overview</a></li> <li><a href="/code/contribute/">Contribute</a></li> <li><a href="/code/contribute/submitting-patches/">Submitting Patches</a></li> <li><a href="/code/contribute/code-reviews/">Code Reviews</a></li> <li><a href="/code/contribute/workflow/">Workflow</a></li> <li><a href="/code/contribute/conventions/">Conventions</a></li> <li><a href="/code/bug-reporting/">Bug Reporting</a></li> <li><a href="/code/build-prerequisites/">Build Prerequisites</a></li> <li><a href="/code/repository-layout/">Repository Layout</a></li> <li><a href="/code/releases/">Releases</a></li> <li><a href="/code/roadmap/">Roadmap</a></li> </ul> </section> <section class="span3"> <h6>Docs</h6> <ul> <li><a href="/docs/webm-sdk/">WebM Codec SDK</a></li> <li><a href="/docs/container/">WebM Container Format</a></li> <li><a href="/docs/webm-encryption/">WebM Encryption</a></li> <li><a href="http://tools.ietf.org/html/draft-ietf-payload-vp8">VP8 RTP Proposal (Draft)</a></li> <li><a href="http://datatracker.ietf.org/doc/rfc6386/">RFC 6386: VP8 Data Format</a></li> <li><a href="/docs/encoder-parameters/">Encoder Examples</a></li> <li><a href="http://wiki.webmproject.org/">Wiki</a></li> </ul> </section> <section class="span3 badges" style="text-align: center;"> <div class="row"> <div class="span3" style="margin-bottom: 1em; margin-top: 1em;"> Copyright 2010 - <script type="text/javascript" nonce="GtEBOWFYCYq3NZgvRIpXwQ">document.write(new Date().getFullYear()); </script><br> The WebM Project </div> </div> <div class="row"> <div class="span3" style="margin-bottom: 1em;"> <a href="http://www.w3.org/html/logo/" class="no-ext"><img src="/media/images/html5-logo.png" alt="HTML5 Powered with CSS3 / Styling, and Semantics" title="HTML5 Powered with CSS3 / Styling, and Semantics"></a> </div> </div> <div class="row"> <div class="span3"> <a href="mailto:webmaster@webmproject.org">webmaster@webmproject.org</a> </div> </div> </section> </div> </div> </footer> <script nonce="GtEBOWFYCYq3NZgvRIpXwQ"> $(document).ready(function(){ $("a.tocbutton").click(function () { $("div.toc").slideToggle("slow"); var text = $(this).text() == 'Show Contents' ? 'Hide Contents' : 'Show Contents'; $(this).text(text); }); $("a[href*='http://']:not([href*='http://www.webmproject.org'])").not("[href^='http://blog.webmproject.org']").not("[href^='http://wiki.webmproject.org']").not("[href^='http://build.webmproject.org']").attr("target","_blank").addClass("ext").attr("title","Opens new window"); }); </script> <!-- Analytics --> <script type="text/javascript" nonce="GtEBOWFYCYq3NZgvRIpXwQ"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript" nonce="GtEBOWFYCYq3NZgvRIpXwQ"> try { var pageTracker = _gat._getTracker("UA-16111505-1"); pageTracker._setDomainName(".webmproject.org"); pageTracker._trackPageview(); } catch(err) {} </script> </body> </html>