How to Run "myFunction" when the audio is ready to start playing - HTML ondurationchange Attribute

Audio Example. This example demonstrates how to use the "ondurationchange" attribute on an AUDIO element. Note: When the audio is loaded, the "ondurationchange" event will occur, it changes from "NaN" to the actual duration of the audioclip.

index.html

Example: HTML

<audio id="myAudio" controls ondurationchange="myFunction(this)">
  <source src="https://download.samplelib.com/mp3/sample-3s.mp3" type="audio/ogg">
  <source src="https://download.samplelib.com/mp3/sample-3s.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

<script>
function myFunction(x) {
  alert("The duration of this audioclip is : " + x.duration + " seconds");
}
</script>

Single Articles

How to Run "myFunction" when the audio is ready to start playing - HTML ondurationchange Attribute	HTML Attribute
How to Run "myFunction" when the video is ready to start playing -	HTML Attribute

What is HTML accept Attribute HTML Input	HTML Attribute
What is HTML accept-charset Attribute	HTML Attribute
What is HTML accesskey Attribute	HTML Attribute
What is HTML action Attribute	HTML Attribute
What is HTML alt Attribute	HTML Attribute
What is HTML async Attribute	HTML Attribute
What is HTML autocomplete Attribute in HTML	HTML Attribute
What is HTML autofocus Attribute	HTML Attribute
What is HTML autoplay Attribute	HTML Attribute
What is HTML charset Attribute	HTML Attribute
What is HTML checked Attribute	HTML Attribute
What is HTML cite Attribute	HTML Attribute
What is HTML class Attribute	HTML Attribute
What is HTML cols Attribute	HTML Attribute
What is HTML colspan Attribute	HTML Attribute
What is HTML content Attribute	HTML Attribute
What is HTML contenteditable Attribute	HTML Attribute
What is HTML controls Attribute	HTML Attribute
What is HTML coords Attribute	HTML Attribute
What is HTML data Attribute	HTML Attribute
What is HTML data-* Attribute	HTML Attribute
What is HTML datetime Attribute	HTML Attribute
What is HTML controls Attribute	HTML Attribute
What is HTML default Attribute	HTML Attribute
What is HTML defer Attribute	HTML Attribute
What is HTML dir Attribute	HTML Attribute
What is HTML dirname Attribute	HTML Attribute
What is HTML disabled Attribute	HTML Attribute
What is HTML download Attribute	HTML Attribute
What is HTML draggable Attribute	HTML Attribute
What is HTML enctype Attribute	HTML Attribute
What is HTML enterkeyhint Attribute	HTML Attribute
What is HTML for Attribute	HTML Attribute
What is HTML form Attribute	HTML Attribute
What is HTML formaction Attribute	HTML Attribute
What is HTML headers Attribute	HTML Attribute
What is HTML height Attribute	HTML Attribute
What is HTML hidden Attribute	HTML Attribute
What is HTML high Attribute	HTML Attribute
What is HTML href Attribute	HTML Attribute
What is HTML hreflang Attribute	HTML Attribute
What is HTML http-equiv Attribute	HTML Attribute
What is HTML id Attribute	HTML Attribute
What is HTML inert Attribute	HTML Attribute
What is HTML inputmode Attribute	HTML Attribute
What is HTML ismap Attribute	HTML Attribute
What is HTML kind Attribute	HTML Attribute
What is HTML label Attribute	HTML Attribute
What is HTML lang Attribute	HTML Attribute
What is HTML list Attribute	HTML Attribute
What is HTML loop Attribute	HTML Attribute
What is HTML low Attribute	HTML Attribute
What is HTML max Attribute	HTML Attribute
What is HTML maxlength Attribute	HTML Attribute
What is HTML media Attribute	HTML Attribute
What is HTML method Attribute	HTML Attribute
What is HTML min Attribute	HTML Attribute
What is HTML multiple Attribute	HTML Attribute
What is HTML muted Attribute	HTML Attribute
What is HTML name Attribute	HTML Attribute
What is HTML novalidate Attribute	HTML Attribute
What is HTML onabort Attribute	HTML Attribute
What is HTML onafterprint Attribute	HTML Attribute
What is HTML onbeforeprint Attribute	HTML Attribute
What is HTML onbeforeunload Attribute	HTML Attribute
What is HTML onblur Attribute	HTML Attribute
What is HTML oncanplay Attribute	HTML Attribute
What is HTML oncanplaythrough Attribute	HTML Attribute
What is HTML onchange Attribute	HTML Attribute
What is HTML onclick Attribute	HTML Attribute
What is HTML oncontextmenu Attribute	HTML Attribute
What is HTML oncopy Attribute	HTML Attribute
What is HTML oncuechange Attribute	HTML Attribute
What is HTML oncut Attribute	HTML Attribute
What is HTML ondblclick Attribute	HTML Attribute
What is HTML ondrag Attribute	HTML Attribute
What is HTML ondragend Attribute	HTML Attribute
What is HTML ondragenter Attribute	HTML Attribute
What is HTML ondragleave Attribute	HTML Attribute
What is HTML ondragover Attribute	HTML Attribute
How to add HTML ondragstart Attribute	HTML Attribute
What is HTML ondrop Attribute	HTML Attribute
What is HTML ondurationchange Attribute	HTML Attribute
What is HTML onemptied Attribute	HTML Attribute
What is HTML onended Attribute	HTML Attribute
What is HTML onerror Attribute	HTML Attribute
What is HTML onfocus Attribute	HTML Attribute
What is HTML onhashchange Attribute	HTML Attribute
What is HTML oninput Attribute	HTML Attribute
What is HTML oninvalid Attribute	HTML Attribute
What is HTML onkeydown Attribute	HTML Attribute
What is HTML onkeypress Attribute	HTML Attribute
What is HTML onkeyup Attribute	HTML Attribute
What is HTML onload Attribute	HTML Attribute
What is HTML onloadeddata Attribute	HTML Attribute
What is HTML onloadedmetadata Attribute	HTML Attribute
What is HTML onloadstart Attribute	HTML Attribute
What is HTML onmousedown Attribute	HTML Attribute
What is HTML onmousemove Attribute	HTML Attribute
What is HTML onmouseout Attribute	HTML Attribute
What is HTML onmouseover Attribute	HTML Attribute
What is HTML onmouseup Attribute	HTML Attribute
What is HTML onmousewheel Attribute	HTML Attribute
What is HTML onoffline Attribute	HTML Attribute
What is HTML ononline Attribute	HTML Attribute
What is HTML onpageshow Attribute	HTML Attribute
What is HTML onpaste Attribute	HTML Attribute
What is HTML onpause Attribute	HTML Attribute
What is HTML onplay Attribute	HTML Attribute
What is HTML onplaying Attribute	HTML Attribute
What is HTML onprogress Attribute	HTML Attribute
What is HTML onratechange Attribute	HTML Attribute
What is HTML onreset Attribute	HTML Attribute
What is HTML onresize Attribute	HTML Attribute
What is HTML onscroll Attribute	HTML Attribute
What is HTML onsearch Attribute	HTML Attribute
What is HTML onseeked Attribute	HTML Attribute
What is HTML onseeking Attribute	HTML Attribute
What is HTML onstalled Attribute	HTML Attribute
What is HTML onsubmit Attribute	HTML Attribute
What is HTML onsuspend Attribute	HTML Attribute
What is HTML ontimeupdate Attribute	HTML Attribute
What is HTML ontoggle Attribute	HTML Attribute
What is HTML onunload Attribute	HTML Attribute
What is HTML onvolumechange Attribute	HTML Attribute
What is HTML onwaiting Attribute	HTML Attribute
What is HTML onwheel Attribute	HTML Attribute
What is HTML open Attribute	HTML Attribute
What is HTML optimum Attribute	HTML Attribute
What is HTML pattern Attribute	HTML Attribute
What is HTML placeholder Attribute	HTML Attribute
What is HTML popover Attribute	HTML Attribute
What is HTML popovertarget Attribute	HTML Attribute
What is HTML popovertargetaction Attribute	HTML Attribute
What is HTML poster Attribute	HTML Attribute
What is HTML preload Attribute	HTML Attribute
What is HTML readonly Attribute	HTML Attribute
What is HTML rel Attribute	HTML Attribute
What is HTML required Attribute	HTML Attribute
What is HTML reversed Attribute	HTML Attribute
What is HTML rows Attribute	HTML Attribute
What is HTML rowspan Attribute	HTML Attribute
What is HTML sandbox Attribute	HTML Attribute
What is HTML scope Attribute	HTML Attribute
What is HTML selected Attribute	HTML Attribute
What is HTML shape Attribute	HTML Attribute
What is HTML size Attribute	HTML Attribute
What is HTML sizes Attribute	HTML Attribute
What is HTML span Attribute	HTML Attribute
What is HTML spellcheck Attribute	HTML Attribute
What is HTML src Attribute	HTML Attribute
What is HTML srcdoc Attribute	HTML Attribute
What is HTML srclang Attribute	HTML Attribute
What is HTML <source> srcset Attribute	HTML Attribute
What is HTML start Attribute	HTML Attribute
What is HTML step Attribute	HTML Attribute
What is HTML style Attribute	HTML Attribute
What is HTML tabindex Attribute	HTML Attribute
What is HTML target Attribute	HTML Attribute
What is HTML title Attribute	HTML Attribute
What is HTML translate Attribute	HTML Attribute
What is HTML type Attribute	HTML Attribute
What is HTML usemap Attribute	HTML Attribute
What is HTML value Attribute	HTML Attribute
What is HTML width Attribute	HTML Attribute
What is HTML wrap Attribute	HTML Attribute

Type:	Html
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin