CINXE.COM
The WebM Project | Information for Contributors
<!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 | Information for Contributors </title> <meta name="google-site-verification" content="k48O6zrnreFHIEU7DjyqpOK8REgb_WD1_OyorIE4Ti0"> <!-- Included CSS Files --> <link rel="stylesheet" href="/media/css/bootstrap.css" nonce="HBtvWJ9jZZViQm1iMykq6Q"> <style type="text/css"> body { padding-top: 80px; } </style> <link rel="stylesheet" href="/media/css/bootstrap-responsive.css" nonce="HBtvWJ9jZZViQm1iMykq6Q"> <link rel="stylesheet" href="/media/css/webm.css" nonce="HBtvWJ9jZZViQm1iMykq6Q"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" nonce="HBtvWJ9jZZViQm1iMykq6Q"></script> <script src="https://storage.googleapis.com/downloads.webmproject.org/media/js/bootstrap.min.js" nonce="HBtvWJ9jZZViQm1iMykq6Q"></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="code" 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="HBtvWJ9jZZViQm1iMykq6Q"></script> <script type="text/javascript" nonce="HBtvWJ9jZZViQm1iMykq6Q"> 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><a href="/code/"> Code </a><span class="divider">></span> </li> <li class="active"> Contribute </li> </ul> </div> </div> <div class="row"> <div class="span10 offset1"> <h2>Information for Contributors</h2> <p><a class="btn btn-mini btn-primary toggle-all tocbutton pull-right" href="#">Show Contents</a></p> <div class="toc"> <ul> <li><a href="#contribute-code">Contribute Code</a><ul> <li><a href="#submit-a-patch">Submit a Patch</a></li> <li><a href="#become-an-approver">Become an Approver</a></li> </ul> </li> <li><a href="#give-us-feedback">Give Us Feedback</a><ul> <li><a href="#file-a-bug-report">File a Bug Report</a></li> <li><a href="#help-verify-bug-reports">Help Verify Bug Reports</a></li> </ul> </li> <li><a href="#help-others-learn">Help Others Learn</a><ul> <li><a href="#participate-on-the-mailing-lists">Participate on the Mailing Lists</a></li> <li><a href="#promote-vp8">Promote VP8</a></li> <li><a href="#document-what-you-learn">Document What You Learn</a></li> <li><a href="#document-the-undocumented">Document the Undocumented</a></li> </ul> </li> </ul> </div> <p>Regardless of your expertise, there are many ways that you can contribute to the WebM Project. You don't have to be a codec expert, and some tasks don't even involve writing code.</p> <h3 id="contribute-code">Contribute Code</h3> <h4 id="submit-a-patch">Submit a Patch</h4> <p>The WebM project is young, and the more help we can get from developers like you, the faster we can improve video on the web. This is a great opportunity to get your code running on millions of computers! See our guides on <a href="/code/contribute/submitting-patches/">patch submissions</a>, <a href="/code/contribute/code-reviews/">code reviews</a>, and <a href="/code/contribute/conventions/">coding conventions</a>.</p> <h4 id="become-an-approver">Become an Approver</h4> <p>Developers with a long history of submitting high-quality patches, exercising good technical judgement, and who have made significant technical contributions may be invited to become an <em>approver</em>. Approvers decide whether to include or exclude a change during the code-review process.</p> <h3 id="give-us-feedback">Give Us Feedback</h3> <h4 id="file-a-bug-report">File a Bug Report</h4> <p>Something not working right? Can we do better? The easiest contribution you can make is to let us know. Our preference is that you report the bug first to <a href="https://groups.google.com/a/webmproject.org/group/webm-discuss">webm-discuss</a> so that the community can provide some initial support for common issues.</p> <h4 id="help-verify-bug-reports">Help Verify Bug Reports</h4> <p>We track reported issues in our <a href="/code/bug-reporting/">issue tracker</a>. One way you can help is by trying to reproduce new bugs, verifying that old bugs still exist, and providing additional details on issues that affect you. Update the issues as you go, so everyone can share in what you've learned.</p> <h3 id="help-others-learn">Help Others Learn</h3> <h4 id="participate-on-the-mailing-lists">Participate on the Mailing Lists</h4> <p>Share your experiences with the producing and deploying VP8 video on the <a href="https://groups.google.com/a/webmproject.org/group/webm-discuss">webm-discuss</a> mailing list. Getting the best video quality can be complicated, and <a href="/code/roadmap/">we're working hard to change that</a>. Share your tips and best practices on webm-discuss, regardless of what tool you're using. This is also the list for support for the <a href="/tools/">tools</a> we provide.</p> <p>Want to improve the VP8 codec itself? See the <a href="https://groups.google.com/a/webmproject.org/group/codec-devel">codec-devel</a> list.</p> <h4 id="promote-vp8">Promote VP8</h4> <p>Help promote WebM and VP8 video by browsing with a <a href="/users#supported_web_browsers">compatible browser</a>. Upgrade your friends and family. Host videos of your own? We can help you <a href="/tools/">get started</a> producing or converting to VP8.</p> <h4 id="document-what-you-learn">Document What You Learn</h4> <p>The WebM project is in its infancy and is largely comprised of people who have been working with the code privately for years. As such, we've internalized a lot of knowledge about that code, and one of the challenges to growing our community is sharing that knowledge. Write an article on what you learn, and we'll put it on the website.</p> <h4 id="document-the-undocumented">Document the Undocumented</h4> <p>We're committed to WebM being an open and helpful environment, and part of that is making it easy to learn and get involved. We could use more tutorials for working with our tools and code, and we'll also want to codify some of the things that grow organically in our fledgling community. Get involved, and help us set the tone!</p> </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="HBtvWJ9jZZViQm1iMykq6Q">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="HBtvWJ9jZZViQm1iMykq6Q"> $(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="HBtvWJ9jZZViQm1iMykq6Q"> 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="HBtvWJ9jZZViQm1iMykq6Q"> try { var pageTracker = _gat._getTracker("UA-16111505-1"); pageTracker._setDomainName(".webmproject.org"); pageTracker._trackPageview(); } catch(err) {} </script> </body> </html>