ভিডিও টেক্সট ট্র্যাকস প্রোপার্টি
HTML DOM Video textTracks প্রোপার্টি ভিডিওর টেক্সট ট্র্যাক সম্পর্কিত তথ্য ধারণকারী একটি TextTrackList অবজেক্ট ফেরত দেয়।
সিনট্যাক্স
TextTracksList অবজেক্ট ফেরত দেওয়া
mediaObject.textTracks
উদাহরণ
Video textTracks প্রোপার্টির একটি উদাহরণ -
<!DOCTYPE html> <html> <head> <title>HTML DOM Video textTracks</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>HTML-DOM-Video-textTracks</legend> <video id="demo" width="320" controls> <source src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"> <track default kind="subtitles" srclang="en" src="sample-en.srt" label="English"/> <track kind="subtitles" srclang="es" src="sample-es.srt" label="Spanish" /> </video><br> <input type="button" onclick="getTrackDetails()" value="Get Total Text Tracks"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var textSelect = document.getElementById("textSelect"); var demo = document.getElementById("demo"); function getTrackDetails() { divDisplay.textContent = 'Total text tracks '+demo.textTracks.length; divDisplay.textContent += ', 1. '+demo.textTracks[0].label; divDisplay.textContent += ', 2. '+demo.textTracks[1].label; } </script> </body> </html>
আউটপুট
'Get Total Text Tracks' বাটনে ক্লিক করার আগে -
'Get Total Text Tracks' বাটনে ক্লিক করার পর -
