HTML Audio In Hindi

नमस्कार दोस्तों! हम इस artical के माध्यम से जान रहे होंगे, HTML Audio से सम्बंधित सारी बाते। जैसे कि आप इस article के टाइटल HTML Audio In Hindi से समझ गए होंगे।

HTML Audio tag क्या है ? (What is audio tag in HTML in HIndi?)

किसी भी webpage में किसी audio file को add करने के लिए HTML के <audio> टैग का use करते है। Web Browser कुछ खास तरह के audio file को ही support करते है जैसे कि :

  1. mp3
  2. wav
  3. ogg
🚀जरूर पढ़े : HTML Image Tag in HIndi  

HTML में Audio tag कैसे add करते है ? (How to add audio tag in HTML in HIndi?)

जब हम किसी webpage में किसी audio को add कर रहे होते है तो audio files का path देने के लिए  <source> tag का use करते है जैसा की आप निचे के code में देख सकते है।

<!DOCTYPE html>
<html>
<body>
<title>HTML Audio In Hindi </title>
<audio controls>
  <source src="https://technalay.in/wp-content/uploads/2024/02/autumn-breeze-144062.mp3" type="audio/mp3">  
     कृपया ध्यान दे! यह audio फाइल आपके browser में काम नहीं करेगा।
  
  <!--Credit of Music: https://pixabay.com/music/search/birds%20sound/?mood=relaxing-->
  
</audio>

</body>
</html>

अब आप समझ गए होंगे कि kisi webpage में एक audio file को add करना कितना आसान है। चलिए अब जानने की कोशिस करते है audio टैग के attribute के बारे में कि कौन कौन से ऐसे attribute है जो इसमें use किया जाता है।

HTML audio Atributes in Hindi

HTML में audio Atributes चार प्रकार के होते है :

Attribute NameUses
controlsइसका use play / pause action button बनाने के लिए किया जाता है।
autoplayइसका use audio file को automatically play करने के किया जाता है। जिससे हमें play button press करने की आवश्यक्ता नहीं होती है।
loopइसका use audio file complete play होने के बाद आटोमेटिक फिर से same file को play करने के लिए किया जाता है। और यह तब तक ऐसे ही play होते रहेगा जब तक आप इसे pause न कर दे।
mutedइसका use ऑडियो के sound को बंद करने के लिए किया जाता है।
चलिए इसको एक उदाहरण से समझने का try करते है।

Autoplay

इसका use audio file को automatically play करने के किया जाता है। जिससे हमें play button press करने की आवश्यक्ता नहीं होती है।

<!DOCTYPE html>
<html>
<body>
<title>HTML Audio In Hindi </title>
<audio controls autoplay>
  <source src="https://technalay.in/wp-content/uploads/2024/02/autumn-breeze-144062.mp3" type="audio/mp3">  
     कृपया ध्यान दे! यह audio फाइल आपके browser में काम नहीं करेगा।
  
  <!--Credit of Music: https://pixabay.com/music/search/birds%20sound/?mood=relaxing-->
  
</audio>

</body>
</html>

Loop

इसका use audio file complete play होने के बाद आटोमेटिक फिर से same file को play करने के लिए किया जाता है। और यह तब तक ऐसे ही play होते रहेगा जब तक आप इसे pause न कर दे।

<!DOCTYPE html>
<html>
<body>
<title>HTML Audio In Hindi </title>
<audio controls loop>
  <source src="https://technalay.in/wp-content/uploads/2024/02/autumn-breeze-144062.mp3" type="audio/mp3">  
     कृपया ध्यान दे! यह audio फाइल आपके browser में काम नहीं करेगा।
  
  <!--Credit of Music: https://pixabay.com/music/search/birds%20sound/?mood=relaxing-->
  
</audio>

</body>
</html>

Mute

इसका use ऑडियो के sound को बंद करने के लिए किया जाता है।

<!DOCTYPE html>
<html>
<body>
<title>HTML Audio In Hindi </title>
<audio controls muted>
  <source src="https://technalay.in/wp-content/uploads/2024/02/autumn-breeze-144062.mp3" type="audio/mp3">  
     कृपया ध्यान दे! यह audio फाइल आपके browser में काम नहीं करेगा।
  
  <!--Credit of Music: https://pixabay.com/music/search/birds%20sound/?mood=relaxing-->
  
</audio>

</body>
</html>
🚀हम आशा करते है यह blog आपको समझ आ गयी होगी अपना बहुमूल्य समय देने के लिए धन्यवाद❤️ 

Leave a comment