HTML DOM ট্র্যাক ধরনের সম্পত্তি

HTML DOM ট্র্যাক ধরনের প্রপার্টি টেক্সট ট্র্যাকের ধরন নির্দিষ্ট করতে ট্র্যাক উপাদানের ধরনের বৈশিষ্ট্যের মান সেট/রিটার্ন করে।

নিম্নলিখিত সিনট্যাক্স −

রিটার্নিং স্ট্রিং মান

trackObject.kind

ধরনের সেট করা হচ্ছে স্ট্রিং ভ্যালুতে

trackObject.kind = stringValue

এখানে, “stringValue ” নিম্নলিখিত হতে পারে -

stringValue	বিশদ বিবরণ
ক্যাপশন	ক্যাপশন হল সংলাপ এবং সাউন্ড এফেক্টের অনুবাদ (বধির ব্যবহারকারীদের জন্য পছন্দনীয়)
অধ্যায়	এটি অধ্যায়গুলোকে সংজ্ঞায়িত করে (মিডিয়া রিসোর্স নেভিগেট করার জন্য ব্যবহৃত)
বিবরণ	এটি ভিডিও বিষয়বস্তুর একটি পাঠ্য বিবরণ সংজ্ঞায়িত করে (অন্ধ ব্যবহারকারীদের জন্য পছন্দনীয়)
মেটাডেটা	এটি ব্যবহারকারীর কাছে দৃশ্যমান নয় এবং বিষয়বস্তু স্ক্রিপ্ট দ্বারা ব্যবহৃত হয়
সাবটাইটেল	এটি একটি ভিডিওতে সাবটাইটেল প্রদর্শন করতে ব্যবহৃত হয়

আসুন ট্র্যাক ধরনের এর একটি উদাহরণ দেখি সম্পত্তি -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>Track kind</title>
<style>
form {
   width:70%;
   margin: 0 auto;
   text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
   <form>
      <fieldset>
         <legend>Track-kind</legend>
         <video id="videoSelect" controls width="250" src="sample.mp4">
            <track default kind="subtitles" srclang="es" src="sample-es.srt"/>
            <track kind="subtitles" srclang="en" src="sample-en.srt"/>
         </video><br>
         <input type="button" onclick="getTrackDetails()" value="What is the kind of default track?">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var trackSelect = document.getElementsByTagName("track");
   function getTrackDetails() {
      for(var i=0; i<trackSelect.length; i++)
         if(trackSelect[i].default)
            divDisplay.textContent = 'kind of track for video: '+trackSelect[i].kind;
   }
</script>
</body>
</html>

আউটপুট

'কি ধরনের ডিফল্ট ট্র্যাক?' ক্লিক করার আগে বোতাম -

HTML DOM ট্র্যাক ধরনের সম্পত্তি

'কি ধরনের ডিফল্ট ট্র্যাক?' ক্লিক করার পর বোতাম -

HTML DOM ট্র্যাক ধরনের সম্পত্তি