JSFiddle - React, Tailwind, and code Playground

by captbaritone

HTML

<input type='file' id='input' />
<audio controls='controls' id='audio'></audio>

JavaScript

var input = document.getElementById('input');
var audio = document.getElementById('audio');

 var reader  = new FileReader();

 reader.onloadend = function () {
    audio.src = reader.result;
    audio.play();
}

input.onchange = function(e) {
    var file = e.target.files[0];
    reader.readAsDataURL(file)
}