HTML DOM Audio ऑब्जेक्ट HTML <audio> एलिमेंट को दर्शाता है। audio एलिमेंट HTML 5 में नया पेश किया गया था। audio ऑब्जेक्ट का उपयोग करके हम audioTrack के बारे में जानकारी प्राप्त करने, ऑटोप्ले में बदलने आदि के लिए audio एलिमेंट को मैनिपुलेट कर सकते हैं।
प्रॉपर्टीज
HTML DOM Audio ऑब्जेक्ट की निम्नलिखित प्रॉपर्टीज हैं -
| प्रॉपर्टी | विवरण |
|---|---|
| audioTracks | उपलब्ध ऑडियो ट्रैक्स युक्त audioTrackList ऑब्जेक्ट लौटाने के लिए |
| autoplay | ऑडियो को स्वचालित रूप से चलाना शुरू करने के लिए लौटाने या सेट करने के लिए |
| buffered | ऑडियो के सभी बफर्ड भागों को समाहित करने वाला TimeRanges ऑब्जेक्ट लौटाने के लिए |
| controller | ऑडियो के वर्तमान मीडिया कंट्रोलर को दर्शाने वाला MediaController ऑब्जेक्ट लौटाने के लिए |
| controls | सेट या लौटाने के लिए कि ऑडियो में प्ले/पॉज कंट्रोल प्रदर्शित होना चाहिए या नहीं |
| crossOrigin | ऑडियो की CORS सेटिंग्स को सेट या लौटाने के लिए |
| currentSrc | वर्तमान में चल रहे ऑडियो का URL लौटाने के लिए |
| currentTime | वर्तमान प्लेबैक स्थिति (सेकंड में) सेट या लौटाने के लिए |
| defaultMuted | डिफ़ॉल्ट रूप से ऑडियो को म्यूट किया जाना चाहिए या नहीं सेट या लौटाता है |
| defaultPlaybackRate | ऑडियो की डिफ़ॉल्ट प्लेबैक गति को सेट या लौटाता है |
| duration | सेकंड में ऑडियो की लंबाई लौटाने के लिए |
| ended | प्लेबैक समाप्त हुआ है या नहीं यह लौटाने के लिए |
| error | ऑडियो की त्रुटि स्थिति को दर्शाने वाला MedioError प्रकार का ऑब्जेक्ट लौटाने के लिए |
| loop | ऑडियो समाप्त होने पर फिर से चलना शुरू करना चाहिए या नहीं सेट या लौटाने के लिए |
| mediaGroup | मीडिया ग्रुप का नाम सेट या लौटाने के लिए जिसका ऑडियो हिस्सा है |
| muted | ऑडियो बंद होना चाहिए या नहीं सेट या लौटाने के लिए |
| networkState | ऑडियो की वर्तमान नेटवर्क स्थिति लौटाने के लिए |
| paused | ऑडियो रुका हुआ है या नहीं सेट या लौटाने के लिए |
| playbackRate | ऑडियो की प्लेबैक दर सेट या लौटाने के लिए |
| played | ऑडियो के खेले गए भागों को दर्शाने वाला TimeRanges ऑब्जेक्ट लौटाने के लिए |
| preload | ऑडियो के preload एट्रिब्यूट को सेट या लौटाने के लिए |
| readyState | ऑडियो की वर्तमान तैयार स्थिति लौटाने के लिए |
| seekable | ऑडियो के खोज योग्य भागों को दर्शाने वाला TimeRanges ऑब्जेक्ट लौटाने के लिए |
| seeking | यूज़र वर्तमान में ऑडियो में खोज कर रहा है या नहीं लौटाने के लिए |
| src | ऑडियो के src एट्रिब्यूट के मान को सेट या लौटाने के लिए |
| textTracks | उपलब्ध सभी टेक्स्ट ट्रैक्स को दर्शाने वाला TextTrackList ऑब्जेक्ट लौटाने के लिए |
| volume | ऑडियो की वॉल्यूम सेट या लौटाने के लिए |
मेथड्स
Audio ऑब्जेक्ट के निम्नलिखित मेथड्स हैं -
| मेथड | विवरण |
|---|---|
| addTextTrack() | दिए गए ऑडियो में एक नया टेक्स्ट ट्रैक जोड़ने के लिए |
| canPlayType() | जांचने के लिए कि ब्राउज़र निर्दिष्ट ऑडियो प्रकार चला सकता है या नहीं |
| fastSeek() | ऑडियो प्लेयर में निर्दिष्ट समय पर खोजने के लिए |
| getStartDate() | वर्तमान टाइमलाइन ऑफसेट को दर्शाने वाला एक नया Date ऑब्जेक्ट लौटाने के लिए |
| load() | ऑडियो एलिमेंट को पुनः लोड करने के लिए |
| play() | ऑडियो चलाना शुरू करने के लिए |
| pause() | वर्तमान में चल रहे ऑडियो को रोकने के लिए |
सिंटैक्स
निम्नलिखिक सिंटैक्स है -
एक ऑडियो एलिमेंट बनाना
var x= document.createElement("AUDIO")
एक ऑडियो एलिमेंट एक्सेस करना
var x = document.getElementById("demoAudio")
उदाहरण
आइए Audio ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <h1>MUSIC</h1> <audio id="Audio" controls> <source src="sample.mp3" type="audio/mpeg"> Audio not supported in your browser </audio> <p>Click the button to get the duration of the audio, in seconds.</p> <button onclick="AudioDur()">Duration</button> <button onclick="CreateAudio()">CREATE</button> <p id="SAMPLE"></p> <script> function AudioDur() { var x = document.getElementById("Audio").duration; document.getElementById("SAMPLE").innerHTML = x; } function CreateAudio() { var x = document.createElement("AUDIO"); x.setAttribute("src","sample1.mp3"); x.setAttribute("controls", "controls"); document.body.appendChild(x); } </script> </body> </html>
आउटपुट
यह निम्नलिखिक आउटपुट उत्पन्न करेगा -
“Duration” पर क्लिक करने पर -
CREATE पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले एक ऑडियो एलिमेंट बनाया और ऑडियो स्रोत और प्रकार निर्दिष्ट किया।
<audio id="Audio" controls> <source src="sample.mp3" type="audio/mpeg"> Audio not supported in your browser </audio>
फिर हमने AudioDur() और CreateAudio() फ़ंक्शन को क्रमशः निष्पादित करने के लिए “Duration” और CREATE नाम के दो बटन बनाए।
<button onclick="AudioDur()">Duration</button> <button onclick="CreateAudio()">CREATE</button>
AudioDur() फ़ंक्शन इससे जुड़े id “Audio” वाले एलिमेंट को प्राप्त करता है। यह <audio> एलिमेंट प्राप्त करता है और इसकी अवधि प्राप्त करने के लिए duration प्रॉपर्टी का उपयोग करता है। अवधि को इससे जुड़े id “Sample” वाले पैराग्राफ में प्रदर्शित किया जाता है।
function AudioDur() { var x = document.getElementById("Audio").duration; document.getElementById("SAMPLE").innerHTML = x; }
CreateAudio() फ़ंक्शन एक ऑडियो एलिमेंट बनाता है और इसके एट्रिब्यूट्स सेट करता है जैसे src को “sample1.mp3” और “controls” एट्रिब्यूट सेट करके इसके कंट्रोल्स को सक्षम करता है। एलिमेंट को फिर appendChild() मेथड का उपयोग करके body में जोड़ा जाता है।
function CreateAudio() { var x = document.createElement("AUDIO"); x.setAttribute("src","sample1.mp3"); x.setAttribute("controls", "controls"); document.body.appendChild(x); }
