The code presented in this page shows how to get the duration (in seconds) of an audio /video file before upload it (AVI, MP3, MP4, MPEG, OGG), then, adds it into an input field in a form.
<h4>Example getting duration of audio/video file before upload</h4> <p>Select an audio /video file</p> <form action='#' method='post' enctype='multipart/form-data'> File: <input type='file' name='fup' id='fup' /><br> Duration: <input type='text' name='f_du' id='f_du' size='5' /> seconds<br> <input type='submit' value='Upload' /> </form> <audio id='audio'></audio> <script> // Code to get duration of audio /video file before upload - from: https://coursesweb.net/ //register canplaythrough event to #audio element to can get duration var f_duration =0; //store duration document.getElementById('audio').addEventListener('canplaythrough', function(e){ //add duration in the input field #f_du f_duration = Math.round(e.currentTarget.duration); document.getElementById('f_du').value = f_duration; URL.revokeObjectURL(obUrl); }); //when select a file, create an ObjectURL with the file and add it in the #audio element var obUrl; document.getElementById('fup').addEventListener('change', function(e){ var file = e.currentTarget.files[0]; //check file extension for audio/video type if(file.name.match(/\.(avi|mp3|mp4|mpeg|ogg)$/i)){ obUrl = URL.createObjectURL(file); document.getElementById('audio').setAttribute('src', obUrl); } }); </script>
<audio>
element is used to can get the duration of the file that is added in the "src" attribute.<table><tr> <th>Title 1</th> <th>Title 2</th> </tr></table>
.some_class { line-height: 150%; }
document.getElementById("id_button").onclick = function(){ window.open("http://coursesweb.net/"); }
$ar_dir = scandir("dir_name"); var_export($ar_dir);