How I can know audio/video duration before uploading?

thecodeteacher answered on June 9, 2021 Popularity 1/10 Helpfulness 1/10

answer How I can know audio/video duration before uploading?

related Get Audio or Video Duration before upload

How I can know audio/video duration before uploading?

Comment

async function getDuration(file) {
 const url = URL.createObjectURL(file);

 return new Promise((resolve) => {
   const audio = document.createElement("audio");
   audio.muted = true;
   const source = document.createElement("source");
   source.src = url; //--> blob URL
   audio.preload= "metadata";
   audio.appendChild(source);
   audio.onloadedmetadata = function(){
      resolve(audio.duration)
   };
 });
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: worcraft-algeria-dz.com

Tags: duration whatever

Link to this answer
Share Copy Link

Contributed on Aug 15 2022

thecodeteacher

0 Answers Avg Quality 2/10

Closely Related Answers

Get Audio or Video Duration before upload

Comment

<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: http://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>

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: video get audio upload whatever duration

Link to this answer
Share Copy Link

Contributed on Jun 09 2021

Witty Wasp

0 Answers Avg Quality 2/10

How I can know audio/video duration before uploading?

Contents

More Related Answers

How I can know audio/video duration before uploading?

Closely Related Answers

Get Audio or Video Duration before upload

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.