- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
JavaScript to parse and show current time stamp of an HTML audio player.
Following is the code to to parse and show current time stamp of an HTML audio player −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>Show Current time stamp of an HTML audio player</h1> <audio class="audio" src="C:\Users\titan\Downloads\sample.mp3" controls></audio> <div style="color: green;" class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to get the audio timestamp</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let audioEle = document.querySelector(".audio"); BtnEle.addEventListener("click", () => { resEle.innerHTML = "Minutes = " + Math.floor(audioEle.currentTime / 60) + ""; resEle.innerHTML += "Seconds = " + Math.floor(audioEle.currentTime % 60) + ""; }); </script> </body> </html>
Output
The above code will produce the following output −
On playing the audio and clicking on ‘CLICK HERE’ after some time −
- Related Articles
- How to add an audio player to an HTML webpage?
- How to embed youtube as an audio player?
- MediaPlayer class to implement a basic Audio Player in an Android App
- MediaPlayer class to implement a basic Audio Player in an Android Kotlin app?
- Java Program to parse date and time
- How to get current date and time in JavaScript?
- How to get current date and time using JavaScript?
- Make JavaScript take HTML input from user, parse and display?
- How to convert a datetime string to millisecond UNIX time stamp?
- How to parse an URL in JavaScript?
- HTML DOM Audio Object
- Explain about the Time stamp ordering protocol in DBMS
- How to set current time to some other time in JavaScript?
- Execute a script each time the volume of a video/audio is changed in HTML?
- How to get particular date records from time stamp in Android sqlite?

Advertisements