एचटीएमएल 5 वेब पेज पर ध्वनि कैसे जोड़ें

एचटीएमएल 5 तत्वों के साथ अपने वेब पृष्ठों में ध्वनि और संगीत जोड़ना आसान बनाता है। वास्तव में, करने के लिए सबसे कठिन चीज यह सुनिश्चित करने के लिए आवश्यक कई स्रोत बनाती है कि आपकी ध्वनि फ़ाइलें ब्राउज़रों की विस्तृत विविधता पर चलती हैं।

एचटीएमएल 5 का उपयोग करने का लाभ यह है कि आप केवल कुछ टैग का उपयोग करके ध्वनि एम्बेड कर सकते हैं। ब्राउज़र, तब, ध्वनि को चलाते हैं जैसे कि जब आप किसी IMG तत्व का उपयोग करते हैं तो वे एक छवि प्रदर्शित करेंगे।

एचटीएमएल 5 वेब पेज पर ध्वनि कैसे जोड़ें

आपको एक HTML संपादक , एक ध्वनि फ़ाइल (अधिमानतः एमपी 3 प्रारूप में), और एक ध्वनि फ़ाइल कनवर्टर की आवश्यकता होगी।

1. सबसे पहले, आपको एक ध्वनि फ़ाइल की आवश्यकता है। फ़ाइल को एमपी 3 (। एमपी 3) के रूप में रिकॉर्ड करना सबसे अच्छा है क्योंकि इसमें उच्च ध्वनि गुणवत्ता है और अधिकांश ब्राउज़रों (एंड्रॉइड 2.3+, क्रोम 6+, आईई 9 +, आईओएस 3+, और सफारी 5+) द्वारा समर्थित है।
2. फ़ायरफ़ॉक्स 3.6+ और ओपेरा 10.5+ समर्थन में जोड़ने के लिए अपनी फ़ाइल को Vorbis प्रारूप ( .ogg ) में कनवर्ट करें। आप Vorbis.com पर पाए गए एक कनवर्टर का उपयोग कर सकते हैं। फ़ायरफ़ॉक्स और ओपेरा समर्थन प्राप्त करने के लिए आप अपने एमपी 3 को एक डब्ल्यूएवी फ़ाइल प्रारूप ( .wav ) में भी परिवर्तित कर सकते हैं। मैं आपकी फाइल को सभी तीन प्रकारों में पोस्ट करने की सलाह देता हूं, सिर्फ सुरक्षा के लिए, लेकिन आपको सबसे ज्यादा एमपी 3 और एक अन्य प्रकार की आवश्यकता है।
3. अपने वेब सर्वर पर सभी ऑडियो फाइलें अपलोड करें और उस निर्देशिका का नोट बनाएं जिसे आपने उन्हें संग्रहीत किया है। उन्हें ऑडियो फाइलों के लिए उप-निर्देशिका में रखना एक अच्छा विचार है, जैसे अधिकांश डिज़ाइनर छवियों निर्देशिका में छवियों को सहेजते हैं।
4. AUDIO तत्व को अपनी HTML फ़ाइल में जोड़ें जहां आप ध्वनि फ़ाइल नियंत्रण प्रदर्शित करना चाहते हैं। <ऑडियो नियंत्रण>
5. AUDIO तत्व के अंदर अपलोड की जाने वाली प्रत्येक ऑडियो फ़ाइल के लिए SOURCE तत्व रखें:
   1. <स्रोत src = "/ audio / sound.mp3">
   2. <स्रोत src = "/ audio / sound.ogg"> <स्रोत src = "/ audio / sound.wav">

1. AUDIO तत्व के अंदर कोई भी HTML उन ब्राउज़रों के लिए फ़ॉलबैक के रूप में उपयोग किया जाएगा जो AUDIO तत्व का समर्थन नहीं करते हैं। तो कुछ एचटीएमएल जोड़ें। उन्हें फ़ाइल डाउनलोड करने के लिए HTML जोड़ने का सबसे आसान तरीका है, लेकिन आप ध्वनि चलाने के लिए HTML 4.01 एम्बेडिंग विधियों का भी उपयोग कर सकते हैं। यहां एक साधारण फॉलबैक है:

   आपका ब्राउज़र ऑडियो प्लेबैक का समर्थन नहीं करता है, फ़ाइल डाउनलोड करें:

   1. एमपी 3 ,
   2. Vorbis , WAV
2. आखिरी चीज जो आपको करने की ज़रूरत है वह आपके ऑडियो तत्व को बंद कर देता है:
3. जब आप पूरा कर लेंगे, तो आपका HTML इस तरह दिखना चाहिए: <ऑडियो नियंत्रण>
   1. <स्रोत src = "/ audio / sound.mp3">
   2. <स्रोत src = "/ audio / sound.ogg">
   3. <स्रोत src = "/ audio / sound.wav">

   4. आपका ब्राउज़र ऑडियो प्लेबैक का समर्थन नहीं करता है, फ़ाइल डाउनलोड करें:

   5. एमपी 3 ,
   6. Vorbis ,
   7. WAV

अतिरिक्त टिप्स

1. एचटीएमएल 5 doctype () का उपयोग करना सुनिश्चित करें ताकि आपका एचटीएमएल मान्य हो
2. यह देखने के लिए तत्व के लिए उपलब्ध विशेषताओं की समीक्षा करें कि आप अपने तत्व में कौन से अन्य विकल्प जोड़ सकते हैं।
3. ध्यान दें कि हमने डिफ़ॉल्ट रूप से नियंत्रण शामिल करने के लिए HTML सेट अप किया है और ऑटोप्ले बंद कर दिया है। आप निश्चित रूप से इसे बदल सकते हैं, लेकिन याद रखें कि बहुत से लोगों को ध्वनि मिलती है जो स्वचालित रूप से शुरू होती है / कि वे सबसे अच्छा परेशान होने पर नियंत्रण नहीं कर सकते हैं, और अक्सर ऐसा होने पर पेज छोड़ देंगे।