ভিডিও ভলিউম প্রোপার্টি
HTML DOM Video volume প্রোপার্টি মিডিয়ার বর্তমান ভলিউম লেভেল নির্দেশকারী একটি নম্বর ফেরত দেয় বা সেট করে।
সিনট্যাক্স
ভলিউম নম্বর হিসেবে ফেরত দেওয়া
mediaObject.volume
volume কে নম্বর হিসেবে সেট করা
mediaObject.volume = number
দ্রষ্টব্য: নম্বরের সর্বোচ্চ মান '1.0' এবং '0.0' হলে ভিডিওর ভলিউম ন্যূনতম।
উদাহরণ
Video volume প্রোপার্টির একটি উদাহরণ -
<!DOCTYPE html> <html> <head> <title>HTML DOM Video volume</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-volume</legend> <video id="demo" width="320" controls><source src="https://www.tutorialspoint.com/html5/foo.mp4" type="video/mp4"></video><br> <input type="button" onclick="getTrackDetails(1)" value="Too High (-)"> <input type="button" onclick="getTrackDetails(2)" value="Too Low (+)"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var demo = document.getElementById("demo"); function getTrackDetails(val) { if(val === 1){ if(demo.volume < 0.2) demo.volume = 0.1; demo.volume -= 0.1; divDisplay.textContent = 'Volume: '+demo.volume; } else{ demo.volume += 0.1; divDisplay.textContent = 'Volume: '+demo.volume; } } </script> </body> </html>
আউটপুট
'Too High (-)' বাটনে ২ বার ক্লিক করলে। এটি ভলিউম বাটন দুবার কমাবে -
এখন, 'Too Low (+)' বাটনে একবার ক্লিক করলে। এটি ভলিউম বাটন একবার বাড়াবে -
