एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल ऑडियो


HTML <audio>तत्व का उपयोग वेब पेज पर ऑडियो फ़ाइल चलाने के लिए किया जाता है।


HTML <ऑडियो> तत्व

HTML में ऑडियो फ़ाइल चलाने के लिए, <audio>तत्व का उपयोग करें:

उदाहरण

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

एचटीएमएल ऑडियो - यह कैसे काम करता है

विशेषता ऑडियो नियंत्रणों को controlsजोड़ती है, जैसे चलाएँ, रोकें और आवाज़ करें।

<source>तत्व आपको वैकल्पिक ऑडियो फ़ाइलों को निर्दिष्ट करने की अनुमति देता है जिसे ब्राउज़र चुन सकता है। ब्राउज़र पहले मान्यता प्राप्त प्रारूप का उपयोग करेगा।

<audio>टैग और टैग के बीच का टेक्स्ट केवल उन ब्राउज़र में प्रदर्शित होगा जो तत्व </audio>का समर्थन नहीं करते हैं ।<audio>


एचटीएमएल <ऑडियो> ऑटोप्ले

स्वचालित रूप से एक ऑडियो फ़ाइल प्रारंभ करने के लिए, autoplayविशेषता का उपयोग करें:

उदाहरण

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

नोट: क्रोमियम ब्राउज़र ज्यादातर मामलों में ऑटोप्ले की अनुमति नहीं देते हैं। हालांकि, म्यूट ऑटोप्ले की हमेशा अनुमति होती है।

अपनी ऑडियो फ़ाइल को स्वचालित रूप से चलने देने के लिए mutedबाद में जोड़ें (लेकिन मौन): autoplay

उदाहरण

<audio controls autoplay muted>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

ब्राउज़र समर्थन

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से <audio>तत्व का समर्थन करता है।

Element
<audio> 4.0 9.0 3.5 4.0 10.5


HTML ऑडियो प्रारूप

तीन समर्थित ऑडियो प्रारूप हैं: MP3, WAV और OGG। विभिन्न स्वरूपों के लिए ब्राउज़र समर्थन है: 

Browser MP3 WAV OGG
Edge/IE YES YES* YES*
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

*किनारे से 79


HTML ऑडियो - मीडिया प्रकार

File Format Media Type
MP3 audio/mpeg
OGG audio/ogg
WAV audio/wav

HTML ऑडियो - तरीके, गुण और घटनाएँ

<audio>HTML DOM तत्व के लिए विधियों, गुणों और घटनाओं को परिभाषित करता है।

यह आपको ऑडियो लोड करने, चलाने और रोकने के साथ-साथ अवधि और वॉल्यूम सेट करने की अनुमति देता है।

ऐसे DOM ईवेंट भी होते हैं जो ऑडियो के चलने, रुकने आदि पर आपको सूचित कर सकते हैं।

संपूर्ण DOM संदर्भ के लिए, हमारे HTML ऑडियो/वीडियो DOM संदर्भ पर जाएं ।


एचटीएमएल ऑडियो टैग

Tag Description
<audio> Defines sound content
<source> Defines multiple media resources for media elements, such as <video> and <audio>