CINXE.COM
The WebM Project | Welcome to the WebM Project
<!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 | Welcome to the WebM Project </title> <meta name="google-site-verification" content="k48O6zrnreFHIEU7DjyqpOK8REgb_WD1_OyorIE4Ti0"> <!-- Included CSS Files --> <link rel="stylesheet" href="/media/css/bootstrap.css" nonce="7SRIJCdTYnjVu1PPCbn07g"> <style type="text/css"> body { padding-top: 80px; } </style> <link rel="stylesheet" href="/media/css/bootstrap-responsive.css" nonce="7SRIJCdTYnjVu1PPCbn07g"> <link rel="stylesheet" href="/media/css/webm.css" nonce="7SRIJCdTYnjVu1PPCbn07g"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" nonce="7SRIJCdTYnjVu1PPCbn07g"></script> <script src="https://storage.googleapis.com/downloads.webmproject.org/media/js/bootstrap.min.js" nonce="7SRIJCdTYnjVu1PPCbn07g"></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="homepage" 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="7SRIJCdTYnjVu1PPCbn07g"></script> <script type="text/javascript" nonce="7SRIJCdTYnjVu1PPCbn07g"> 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="hero-unit"> <h1>WebM: <span>an open web media project</span></h1> <p>The WebM Project is dedicated to developing a high-quality, open video format for the web that's freely available to everyone.</p> <p><a class="btn btn-primary btn-large pull-right" href="/about/" title="More about the WebM Project">Learn more »</a></p> </div> <div class="row"> <div class="span12"> <div class="alert alert-success vp9-notify"> <img src="/media/images/aomedia-logo-152x40-trans.png" alt="" class="pull-left" style="margin-top: 1px; padding-right: 1em;"> <h2>WebM Project joins the <a href="http://aomedia.org/">Alliance for Open Media</a></h2> <p>Cisco, Google, Intel, Microsoft, Mozilla and Netflix join forces on open media formats … <a class="" href="/about/faq/"><strong>More »</strong></a></p> </div> </div> </div> <div class="row"> <div class="span4"> <div class="homebox"> <h2>Codec Developers</h2> <p><img src="/media/images/git-icon-ds.png" style="float:right; margin-left:.5em;" title="WebM uses Git" alt="">WebM is an open-source software project that anyone may participate in and contribute to. Learn more about our tools and workflow, and how to get started. <br> <a class="" href="/code/"><strong>More »</strong></a></p> </div> </div> <div class="span4"> <div class="homebox"> <h2>Video Creators</h2> <p><img src="/media/images/applications-multimedia.png" style="float:right; margin-left:.5em;" alt="">More and more standard video creation tools support WebM every day. Check here for some specific tools and suggestions. <br> <a class="" href="/tools/"><strong>More »</strong></a></p> </div> </div> <div class="span4"> <div class="homebox"> <h2>For Images: WebP</h2> <p><img src="/media/images/webp-ds.png" style="float:right; margin-left:.5em;" alt="">WebP is a new image compression format for still images on the web, based on WebM's VP8 codec. Learn more at the WebP <a href="https://code.google.com/speed/webp/" class="no-ext">project site</a>, or browse the WebP <a href="/code/#webp-repositories">code repositories</a>. <br> <a class="no-ext" href="https://code.google.com/speed/webp/"><strong>More »</strong></a></p> </div> </div> </div> <div class="row" style="margin-top: 30px;" id="top"> <div class="span12"> </div> </div> </div> </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="7SRIJCdTYnjVu1PPCbn07g">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="7SRIJCdTYnjVu1PPCbn07g"> $(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="7SRIJCdTYnjVu1PPCbn07g"> 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="7SRIJCdTYnjVu1PPCbn07g"> try { var pageTracker = _gat._getTracker("UA-16111505-1"); pageTracker._setDomainName(".webmproject.org"); pageTracker._trackPageview(); } catch(err) {} </script> </body> </html>