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.<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250"> <param name="src" value="file.swf" /> Your browser not support SWF. </object>
input:focus {
background-color: #88fe88;
}var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);if (file_put_contents("file.txt", "content")) echo "The file was created";
else echo "The file can not be created";