Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML5 में वेब पेज पर ऑडियो कैसे एम्बेड करें?

HTML5 में वेब पेज पर ऑडियो एम्बेड करने के लिए <audio> टैग का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <title>HTML audio Tag</title>
  </head>
  <body>
    <p>Click on Play button...</p>
    <p>(Song: Kalimba which is provided as a Sample Music in Windows)</p>
    <audio controls>
      <source src="/html/Kalimba.mp3" type="audio/mpeg">
    </audio>
  </body>
</html>

<audio> टैग के मुख्य एट्रिब्यूट्स:

  • controls - प्ले/पॉज/वॉल्यूम कंट्रोल दिखाता है
  • autoplay - ऑटो प्ले
  • loop - लूप में चलाएं
  • muted - म्यूट
  • preload - प्रीलोड व्यवहार

ब्राउज़र संगतता के लिए एकाधिक <source> टैग्स अलग-अलग फॉर्मेट्स (mp3, ogg, wav) के साथ उपयोग करें।

  1. HTML5 वेब की रिस्पॉन्सिवनेस HTML5 वेब की रिस्पॉन्सिवनेस

    HTML5, नवीनतम और लोकप्रिय वेब डिज़ाइनिंग भाषा, ने अचानक डिज़ाइनिंग की दुनिया को एक लहर के साथ ले लिया। पहले हमारे पास HTML था और अब HTML5 है। हालांकि, अगर हम दोनों के बीच प्रमुख अंतर देखें, तो हम पाते हैं कि एक चीज जो वास्तव में HTML5 को HTML से अलग और बेहतर बनाती है, वह है रिस्पॉन्सिवनेस (Responsiv

  1. Firefox साइडबार में अतिरिक्त वेब पेज कैसे लोड करें Firefox साइडबार में अतिरिक्त वेब पेज कैसे लोड करें

    क्या आप वेब ब्राउज़ करते समय अपनी टू-डू सूची के साथ बने रहना चाहते हैं? या क्या आप रीयल-टाइम जानकारी पर नज़र रखना चाहते हैं - जैसे फॉरेक्स आँकड़े - और साथ ही वेब ब्राउज़ करना चाहते हैं? दोनों वेब पेजों को अगल-बगल क्यों नहीं खोलते? नहीं, मैं दो ब्राउज़र विंडो खोलने और उनके आकार को आधी स्क्रीन कवर करन

  1. अनरिस्पॉन्सिव वेब पेजेस के लिए त्वरित समाधान: चरण-दर-चरण ट्रबलशूटिंग गाइड अनरिस्पॉन्सिव वेब पेजेस के लिए त्वरित समाधान: चरण-दर-चरण ट्रबलशूटिंग गाइड

    इंटरनेट सर्फ करते समय वेब पेजेस का लोड न होना सबसे निराशाजनक चीजों में से एक है। हममें से ज्यादातर को लगता है कि यह नेटवर्क की समस्या के कारण है, लेकिन हमेशा ऐसा नहीं होता। आप अपने डिवाइस में सॉफ्टवेयर समस्या, इंटरनेट कनेक्शन एरर, या वेबसाइट सर्वर के डाउनटाइम के कारण भी वेब पेजेस न लोड होने की समस्य