কম্পিউটার

একটি এইচটিএমএল অডিও প্লেয়ারের বর্তমান টাইম স্ট্যাম্প পার্স এবং প্রদর্শন করতে জাভাস্ক্রিপ্ট।


একটি HTML অডিও প্লেয়ারের বর্তমান টাইম স্ট্যাম্প পার্স এবং দেখানোর জন্য কোডটি নিচে দেওয়া হল -

উদাহরণ

<!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>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

একটি এইচটিএমএল অডিও প্লেয়ারের বর্তমান টাইম স্ট্যাম্প পার্স এবং প্রদর্শন করতে জাভাস্ক্রিপ্ট।

অডিও বাজানোর পরে এবং কিছু সময় পর 'CLICK HER'-এ ক্লিক করুন -

একটি এইচটিএমএল অডিও প্লেয়ারের বর্তমান টাইম স্ট্যাম্প পার্স এবং প্রদর্শন করতে জাভাস্ক্রিপ্ট।


  1. কিভাবে এইচটিএমএল এবং জাভাস্ক্রিপ্ট দিয়ে একটি ওজন কনভার্টার তৈরি করবেন?

  2. জাভাস্ক্রিপ্ট ব্যবহারকারীর কাছ থেকে HTML ইনপুট নিতে, পার্স এবং প্রদর্শন করতে চান?

  3. অ্যান্ড্রয়েডে বর্তমান সময় এবং তারিখ পান

  4. কিভাবে একটি HTML ওয়েবপেজে একটি অডিও প্লেয়ার যোগ করবেন?