How to enable default controls for <audio> tag via javascript?

Question

This is how I can include a audio file via html:

<audio controls>
  <source  src="audio/was_ist_ist.ogg" />
</audio>

Now I want to do the same only using javascript. I have this so far:

var audioElement = new Audio("audio/was_ist_ist.ogg");

How do I enable the default controls here?

do you want to create html5 audio tag using javascript for playing song with controls? — Pramendra Gupta
– Pramendra Gupta, Commented Jun 13, 2012 at 15:16

Fabrizio Calderan · Accepted Answer · 2012-06-13 15:19:07Z

3

var au = new Audio("http://...ogg");
au.controls = true;
document.body.appendChild(au);

answered Jun 13, 2012 at 15:19

Fabrizio Calderan

124k26 gold badges172 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kongaraju · Accepted Answer · 2012-06-14 11:34:59Z

1

var audio= new Audio(url);
audio.attr('controls',true).appendTo(selector);

answered Jun 14, 2012 at 11:34

kongaraju

9,66511 gold badges59 silver badges79 bronze badges