Source

mixer / elements / about.php

Full commit
<div id="about-page">
  <h1>About YouTube Mixer</h1>
  <p>Contents of this page:</p>
  <ul>
    <li><a href="#rationale">Rationale</a></li>
    <li><a href="#shortcuts">Keyboard shortcuts</a></li>
    <li>
      <a href="#FAQ">FAQ</a>
      <ul>
        <li><a href="#author">Who made this?</a></li>
        <li><a href="#source">Is the source available?</a></li>
        <li><a href="#godfather_of_rap">Who is the godfather of rap?</a></li>
        <li><a href="#shortcuts_help">Keyboard shortcuts doesn&apos;t work!</a></li>
        <li><a href="#how_to_record">How can I record my mix?</a></li>
        <li><a href="#mix_more">Can I mix more than two videos?</a></li>
      </ul>
    </li>
  </ul>
  <h2 id="rationale">Rationale</h2>
  <p class="last">Of course this toy was inspired by its famous <a href="http://www.twoyoutubevideosandamotherfuckingcrossfader.com/">mother</a>.
  My intention was to create a mutation of it with a cleaner interface, more advanced keyboard support and better readable source code.</p>
  <h2 id="shortcuts">Keyboard shortcuts</h2>
  <p class="last">Here's a list of currently available keys:</p>
  <table>
    <tr>
      <th>key</th>
      <th>channel</th>
      <th>function</th>
    </tr>
    <tr>
      <td>&lt;up&gt;</td>
      <td>master</td>
      <td>volume up 10%</td>
    </tr>
    <tr>
      <td>&lt;down&gt;</td>
      <td>master</td>
      <td>volume down 10%</td>
    </tr>
    <tr class="even">
      <td>&lt;left&gt;</td>
      <td>1/2</td>
      <td>fade player #2 by 10%</td>
    </tr>
    <tr class="even">
      <td>&lt;right&gt;</td>
      <td>1/2</td>
      <td>fade player #1 by 10%</td>
    </tr>
    <tr class="even">
      <td>&lt;space&gt;</td>
      <td>1/2</td>
      <td>50% mix</td>
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>play/pause</td>
    </tr>
    <tr>
      <td>q</td>
      <td>1</td>
      <td>volume up 10%</td>
    </tr>
    <tr>
      <td>a</td>
      <td>1</td>
      <td>volume down 10%</td>
    </tr>
    <tr>
      <td>d</td>
      <td>1</td>
      <td>mute</td>
    </tr>
    <tr>
      <td>e</td>
      <td>1</td>
      <td>volume 50%</td>
    </tr>
    <tr>
      <td>c</td>
      <td>1</td>
      <td>solo</td>
    </tr>
    <tr class="even">
      <td>2</td>
      <td>2</td>
      <td>play/pause</td>
    </tr>
    <tr class="even">
      <td>w</td>
      <td>2</td>
      <td>volume up</td>
    </tr>
    <tr class="even">
      <td>s</td>
      <td>2</td>
      <td>volume down</td>
    </tr>
    <tr class="even">
      <td>f</td>
      <td>2</td>
      <td>mute</td>
    </tr>
    <tr class="even">
      <td>r</td>
      <td>2</td>
      <td>volume 50%</td>
    </tr>
    <tr class="even">
      <td>v</td>
      <td>2</td>
      <td>solo</td>
    </tr>
  </table>
  <h2 id="FAQ">FAQ</h2>
  <p class="last">Some of the frequently asked questions.</p>
  <h3 id="author">Who made this?</h3>
  <p class="last">Designed and coded by Kiripolszky Károly. You can contact him via his website at <a href="http://ekezet.com">ekezet.com</a>!</p>
  <h3 id="source">Is the source available?</h3>
  <p class="last">Yes, it is released under the MIT License and can be freely downloaded from the BitBucket <a href="http://bitbucket.org/3k/mixer/src/">mercurial repository</a>.</p>
  <h3 id="godfather_of_rap">Who is the godfather of rap?</h3>
  <p class="last">The godfather of rap is an 15th century English poet, who has been called the &ldquo;rude rayling rimer&rdquo;. For more info on <a href="http://en.wikipedia.org/wiki/John_Skelton">John Skelton</a> and his works go to Wikipedia.</p>
  <h3 id="shortcuts_help">Keyboard shortcuts doesn&apos;t work!</h3>
  <p class="last">In a web browser only focusable and focused elements can receive keyboard input. By default this element is the page itself. So if the shortcuts don&apos;t work just click on the white background to regain focus and you&apos;re set!</p>
  <h3 id="how_to_record">How can I record my mix?</h3>
  <p class="last">To record your mixes you need third party software. For a <a href="http://en.wikipedia.org/wiki/Screencast#Software">list of free and commercial recording software</a> go to Wikipedia. However I prefer using <a href="http://www.virtualdub.org/">VirtualDub</a> which is free.</p>
  <h3 id="mix_more">Can I mix more than two videos?</h3>
  <p class="last">Sure, just open the mixer again in a new tab or window! q;)</p>
</div>