কম্পিউটার টিউটোরিয়াল

HTML DOM Track kind প্রপার্টি

HTML DOM Track kind প্রপার্টি ট্র্যাক এলিমেন্টের kind অ্যাট্রিবিউটের মান সেট বা রিটার্ন করে যাতে টেক্সট ট্র্যাকের ধরন নির্দিষ্ট করা যায়।

সিনট্যাক্স

trackObject.kind

kind সেট করা:

trackObject.kind = stringValue

এখানে "stringValue" নিম্নলিখিত হতে পারে:

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

উদাহরণ

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

আউটপুট

'What is the kind of default track?' বাটনে ক্লিক করার আগে:

HTML DOM Track kind প্রপার্টি

'What is the kind of default track?' বাটনে ক্লিক করার পর:

HTML DOM Track kind প্রপার্টি

  1. HTML DOM Track label প্রপার্টি

  2. HTML DOM Track default প্রপার্টি

  3. HTML DOM Track srclang প্রপার্টি

  4. HTML DOM Track src প্রপার্টি