JSFiddle - React, Tailwind, and code Playground

HTML

<i class="icon-play-circle" />

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

JavaScript

$("i.icon-play-circle").click(function(){
        var word = "am"
        var url = 'http://apifree.forvo.com/key/b1b0641fac44c20e42373e0af5d05325/format/json/callback/pronounce/action/standard-pronunciation/word/am/language/ga';
 
          
        $.ajax({
            url: url,
            jsonpCallback: "pronounce",
            jsonp:false,
            cache:true,
            dataType: "jsonp",        
            success: function (json) {
                console.log(JSON.stringify(json));
           var mp3 = json.items[0].pathmp3;
           var ogg = json.items[0].pathogg;
           var sound = '<audio autoplay="false"><source src='+mp3+'</source><source src='+ogg+'</source> </audio>';
           $('body').append(sound);
       },
        error: function(){
            console.log("error");
    }});
    });

    

//above api key is a free throw away.