MediaElement.js - How do you set duration before playing audio?

Question

Is there a way to preload the duration before pressing play the first time on an audio player. I know you can use { duration: 120 } which is fine if every clip is 120 seconds long. I do not have the information available in the database to dynamically populate this variable so there must be another way to tweak the MediaElement.JS script to do it.

Any thoughts anyone?

score 5 · Answer 1 · answered Sep 03 '16 at 12:36

5

Let the browser load the metadata by setting preload attribute.

Syntax:

<audio preload="auto|metadata|none">

http://www.w3schools.com/tags/att_audio_preload.asp

answered Sep 03 '16 at 12:36

pixelDino

105
2
9

1

I'm surprised why this answer is not marked as the correct one! – Hamid Fadishei Sep 24 '18 at 20:20

score 0 · Accepted Answer · edited May 23 '17 at 12:16

0

I don't think mediaelement.js has a way of getting the duration before all or part of the file has been downloaded. You could play the video, poll the duration property until you get a value then reset the video to the start. Though that would not be very elegant.

You could used a JavaScript library like this client side: https://github.com/aadsm/JavaScript-ID3-Reader

If you are using PHP then you could do this server side. See PHP Function to get MP3 duration for more info.

Hope this helps.

edited May 23 '17 at 12:16

Community

1
1

answered Sep 11 '12 at 08:33

r8n5n

2,059
17
23

That library looks useful. Thanks! – Dave VanderWekke Sep 13 '12 at 02:44

MediaElement.js - How do you set duration before playing audio?

2 Answers2

Linked