HTML5 audio tag in hindi
आज के इस HTML5 audio tag in Hindi के लेख में आप audio element के बारे में सीखेंगे |
How to embed audio files in html
पहले के web browser में audio file को डालना ( insert ) करना आसान नहीं था , क्योंकी audio जैसी embedded media file को परिभाषित ( Define ) करने के लिए कोई मानक ( uniform standard ) नहीं था।
इस HTML Tutorial in Hindi के chapter में हम आपको web page पर audio embed करने के कुछ तरीके explain करेंगे |
Embed audio using object element in html
HTML document में विभिन्न प्रकार की media files को embed करने के लिए object element का उपयोग किया जाता है |
शुरुआत में object element का उपयोग खाली ActiveX controls को insert करने के लिए किया जाता था , लेकिन बाद में specification के अनुसार object tag का उपयोग media files जैसे की video , audio , flash animation , PDF files , यहां तक की Images को भी webpage पर insert करने के लिए किया जाने लगा |
निम्न उदाहरण में दिया गया code एक simple audio file को object tag के through embed करता है |
<object data="http://techsamundra.com/wp-content/uploads/2022/09/audio.mp3"></object>Note :- <object> element का use करके audio embed करना avoid करना चाहिए , क्योंकि यह ज्यादातर web browser में support नहीं करता है |
Embed audio using embed Element in html
HTML document में multimedia content को embed करने के लिए <embed> element का उपयोग किया जाता है |
Embed element empty element है , इसलिए इसे closing tag से close करने की requirment नहीं है |
Example
<embed src="http://techsamundra.com/wp-content/uploads/2022/09/audio.mp3">Note :- <embed> element सभी web browser में अच्चे से support करता है , लेकिन कई बार हो सकता है की audio file के foramt को web browser support न करे या जरूरी plugin web browser में available न हो तो audio play नहीं होगा |
HTML me audio file ko link kaise kare
आप HTML anchor tag के जरिये HTML web page पर audio link कर सकते है और उस link पर click करके उसे play कर सकते है |
चलो निम्नलिखित उदहारण के जरिये इसे समझने की कोशिश करते है |
<a href="http://techsamundra.com/wp-content/uploads/2022/09/audio.mp3">Click here to play this audio</a>Embed audio using HTML5 audio Element
HTML5 का यह नया <audio> element web page पर audio embed करने का standard way प्रदान करता है |
हलाकि, audio element नया होने के बावजूत सभी modern web brower में support करता है | HTML document में audio insert करने का यह सबसे अच्छा तरीका है |
HTML5 audio tag in hindi video
html5 audio tag attributes in hindi
निम्नलिखित तालिका में सामान्यतौर पर उपयोग मे लिए जाने वाले audio tag के attributes दर्शाये गए है |
| Attribute | Value | Description |
| autoplay | autoplay | इसके जरिये web page पर audio load होते ही play करवाया जा सकता है | |
| controls | controls | इसके जरिये audio controls ( जैसे की play and pause button ) को display किया जाता है | |
| loop | loop | इसके जरिये audio हर बार समाप्त होने पर फिर से शुरू करवाया जाता है | |
| muted | muted | इसके जरिये audio के output को mute किया जाता है | |
| preload | auto , metadata , none | इसके जरिये audio को page पर पहले load करवाना है या नहीं यह control कर सकते है | |
| src | URL | इसके जरिये audio file का URL निर्दिष्ट करा सकते है | |
निम्नलिखित उदहारण में simply audio file को src attribute के जरिये embed किया गया है , और preload attribute के जरिये audio को web page पर preload होने से रोका गया है |
<audio controls="controls" preload="none" src="http://techsamundra.com/wp-content/uploads/2022/09/audio.mp3">
This web browser does not support audio element
</audio>आप audio tag के साथ alternative sources का उपयोग करके भी audio को embed कर सकते है |
<audio controls="controls" muted autoplay loop>
<source src="http://techsamundra.com/wp-content/uploads/2022/09/audio.mp3">
Your browser does not support the HTML5 Audio element.
</audio>यह भी पढ़े :-