HTML DOM ऑडियो ऑब्जेक्ट HTML <ऑडियो> तत्व का प्रतिनिधित्व करता है। ऑडियो तत्व को HTML 5 में हाल ही में पेश किया गया है। ऑडियो ऑब्जेक्ट का उपयोग करके हम ऑडियो ट्रैक, ऑटोप्ले में परिवर्तन आदि के बारे में जानकारी प्राप्त करने के लिए ऑडियो तत्व में हेरफेर कर सकते हैं।
गुण
HTML DOM ऑडियो ऑब्जेक्ट के गुण निम्नलिखित हैं -
| संपत्ति | विवरण |
|---|---|
| ऑडियो ट्रैक | ऑडियो ट्रैकलिस्ट ऑब्जेक्ट को वापस करने के लिए जिसमें उपलब्ध ऑडियो ट्रैक हों |
| स्वतः चलाएं | ऑडियो को स्वचालित रूप से चलाने के लिए वापस करने या सेट करने के लिए। |
| बफ़र किया गया | एक ऑडियो के सभी बफ़र किए गए भागों वाले TimeRanges ऑब्जेक्ट को वापस करने के लिए। |
| नियंत्रक | किसी ऑडियो के वर्तमान मीडिया नियंत्रक का प्रतिनिधित्व करने वाले MediaController ऑब्जेक्ट को वापस करने के लिए। |
| नियंत्रण | यह सेट करने या वापस करने के लिए कि ऑडियो में प्ले/पॉज़ नियंत्रण प्रदर्शित होना चाहिए या नहीं |
| क्रॉसऑरिजिन | ऑडियो की CORS सेटिंग सेट करने या वापस करने के लिए |
| वर्तमानSrc | वर्तमान चल रहे ऑडियो का URL वापस करने के लिए। |
| वर्तमान समय | वर्तमान प्लेबैक स्थिति को सेट करने या वापस करने के लिए (सेकंड में)। |
| डिफ़ॉल्ट म्यूट किया गया | सेट करता है या लौटाता है कि ऑडियो को डिफ़ॉल्ट रूप से म्यूट किया जाना चाहिए या नहीं |
| डिफ़ॉल्ट प्लेबैक दर | सेट करता है या लौटाता है कि क्या ऑडियो की प्लेबैक गति डिफ़ॉल्ट है |
| अवधि | ऑडियो की लंबाई को सेकंड में वापस करने के लिए। |
| समाप्त | यह लौटने के लिए कि प्लेबैक समाप्त हो गया है या नहीं। |
| त्रुटि | ऑडियो की त्रुटि स्थिति का प्रतिनिधित्व करने वाले MedioError प्रकार की वस्तु को वापस करने के लिए। |
| लूप | यह सेट करने या वापस करने के लिए कि ऑडियो समाप्त होने के बाद फिर से चलना शुरू हो जाए या नहीं |
| मीडिया समूह | मीडिया समूह का नाम सेट या वापस करने के लिए ऑडियो का हिस्सा है। |
| म्यूट | यह सेट करने या वापस करने के लिए कि ऑडियो बंद किया जाना चाहिए या नहीं। |
| नेटवर्क स्थिति | ऑडियो की वर्तमान नेटवर्क स्थिति लौटाने के लिए |
| रोका गया | यह सेट करने या वापस करने के लिए कि कोई ऑडियो रोका गया है या नहीं। |
| प्लेबैक दर | ऑडियो की प्लेबैक दर सेट करने या वापस करने के लिए। |
| खेला | ऑडियो के चलाए गए भागों का प्रतिनिधित्व करने वाली TimeRanges ऑब्जेक्ट प्रकार की वस्तु को वापस करने के लिए। |
| प्रीलोड | ऑडियो की प्रीलोड विशेषता सेट करने या वापस करने के लिए। |
| तैयार राज्य | ऑडियो की वर्तमान तैयार स्थिति लौटाने के लिए। |
| खोज योग्य | ऑडियो के खोजे जाने योग्य भागों का प्रतिनिधित्व करने वाली TimeRanges ऑब्जेक्ट को वापस करने के लिए |
| खोज | यह लौटाने के लिए कि उपयोगकर्ता वर्तमान में ऑडियो में खोज रहा है या नहीं |
| src | ऑडियो की src विशेषता का मान सेट या वापस करने के लिए |
| टेक्स्टट्रैक | सभी उपलब्ध टेक्स्ट ट्रैक का प्रतिनिधित्व करने वाली टेक्स्टट्रैकलिस्ट ऑब्जेक्ट को वापस करने के लिए |
| वॉल्यूम | ऑडियो का वॉल्यूम सेट करने या वापस करने के लिए। |
तरीके
ऑडियो ऑब्जेक्ट के तरीके निम्नलिखित हैं -
| विधि | विवरण |
|---|---|
| AddTextTrack() | दिए गए ऑडियो में एक नया टेक्स्ट ट्रैक जोड़ने के लिए। |
| canPlayType() | यह जांचने के लिए कि ब्राउज़र निर्दिष्ट ऑडियो प्रकार चला सकता है या नहीं। |
| फास्टसीक () | ऑडियो प्लेयर में निर्दिष्ट समय की तलाश करने के लिए/ |
| getStartDate() | एक नया दिनांक ऑब्जेक्ट लौटाने के लिए, जो वर्तमान टाइमलाइन ऑफ़सेट का प्रतिनिधित्व करता है। |
| लोड () | ऑडियो तत्व को फिर से लोड करने के लिए। |
| चलाएं() | ऑडियो चलाना शुरू करने के लिए। |
| रोकें() | वर्तमान में चल रहे ऑडियो को रोकने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैएक ऑडियो तत्व बनाना
var x= document.createElement("AUDIO") किसी ऑडियो तत्व को एक्सेस करना
var x = document.getElementById("demoAudio") उदाहरण
आइए ऑडियो ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
"अवधि" पर क्लिक करने पर -
क्रिएट -
. पर क्लिक करने पर
उपरोक्त उदाहरण में -
हमने पहले एक ऑडियो तत्व बनाया है और ऑडियो स्रोत और प्रकार निर्दिष्ट किया है।
<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 () फ़ंक्शन को इसके साथ जुड़े "ऑडियो" आईडी वाला तत्व मिलता है। यह <ऑडियो> तत्व प्राप्त करता है और इसकी अवधि प्राप्त करने के लिए अवधि संपत्ति का उपयोग करता है। अवधि इसके साथ जुड़े "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित होती है।
function AudioDur() {
var x = document.getElementById("Audio").duration;
document.getElementById("SAMPLE").innerHTML = x;
} CreateAudio () फ़ंक्शन एक ऑडियो तत्व बनाता है और इसकी विशेषताओं जैसे src को "sample1.mp3" पर सेट करता है और "नियंत्रण" विशेषता सेट करके इसके नियंत्रण को सक्षम करता है। तत्पश्चात तत्व को एपेंड चाइल्ड () विधि का उपयोग करके शरीर में जोड़ा जाता है।
function CreateAudio() {
var x = document.createElement("AUDIO");
x.setAttribute("src","sample1.mp3");
x.setAttribute("controls", "controls");
document.body.appendChild(x);
}