<html>
<body>
<div>
<input type="file" id="file">
<video id="audio_id" controls autoplay loop>Your browser can't
support HTML5 Audio
</video>
</div>
<!-- <div>
<input type="file" id="file">
<audio id="audio_id" controls autoplay loop>Your browser can't
support HTML5 Audio
</audio>
</div> -->
<script>
document.getElementById("file").addEventListener("change", function() {
var file = document.getElementById('file').files[0];
var url = URL.createObjectURL(file);
console.log(url);
//alert("((((((-----------))))))"+url);
document.getElementById("audio_id").src = url;
});
</script>
</body>
</html>