JSFiddle - React, Tailwind, and code Playground

by jnbdz

HTML

<audio controls="controls" id="audio">
  <source src="http://50.57.129.39/assets/audio/01%20999,999.ogg" type="audio/ogg" />
  <source src="http://50.57.129.39/assets/audio/01%20999,999.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>

JavaScript

Object.merge(Element.NativeEvents, {
    abort: 2,
    canplay: 2,
    canplaythrough: 2,
    durationchange: 2,
    emptied: 2,
    ended: 2,
    error: 2,
    loadeddata: 2,
    loadedmetadata: 2,
    loadstart: 2,
    pause: 2,
    play: 2,
    playing: 2,
    progress: 2,
    ratechange: 2,
    readystatechange: 2,
    seeked: 2,
    seeking: 2,
    stalled: 2,
    suspend: 2,
    timeupdate: 2,
    volumechange: 2,
    waiting: 2
});

document.id('audio').addEvents({
    'play': function(){
        console.log('Play!');
    },
    'pause': function(){
        console.log('Pause!');
    }
});