title: How to customize html5 audio player
body: <p>I'm doing a <strong>html5 audio player</strong> so I'm trying to use a custom player. I don't want to use the default <code>&lt;audio&gt;</code> tag interface. I want to do my own html/css styles for the player.</p>
  
  <p>My actual code(it works)</p>
  
  <pre><code>if('webkitAudioContext' in window) {
      var myAudioContext = new webkitAudioContext();
      }
  
      request = new XMLHttpRequest();
      request.open('GET', 'http://96.47.236.72:8364/;', true);
      request.responseType = 'arraybuffer';
      request.addEventListener('load', bufferSound, false);
      request.send();
  
      function bufferSound(event) {
        var request = event.target;
        var source = myAudioContext.createBufferSource();
        source.buffer = myAudioContext.createBuffer(request.response, false);
        source.connect(myAudioContext.destination);
        source.noteOn(0);
      }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/EY54q/1/" rel="nofollow">http://jsfiddle.net/EY54q/1/</a></p>
  
  <p>Does someone know how can to edit this player style, or do something to use my own html/css code to execute this player?</p>