अपनी वेबसाइट में पृष्ठभूमि संगीत जोड़ें ताकि उपयोगकर्ता ब्राउज़ करते समय आनंद ले सकें।
वर्ल्ड वाइड वेब के शुरुआती दिनों से ही वेब पेज में संगीत एम्बेड करने के विभिन्न तरीके लोकप्रिय हो गए हैं। विशेष रूप से, HTML में "एम्बेड" टैग, जावा-आधारित ऑडियो प्लेयर और फ्लैश-आधारित प्लेयर जोड़ने के लिए सभी संभावित विकल्प हैं। वेब पेज के लिए पृष्ठभूमि संगीत, लेकिन कोई एक समाधान सार्वभौमिक रूप से अपनाया नहीं गया है या सभी ब्राउज़रों के साथ पूरी तरह से संगत है और मंच। नए HTML5 मानक में "ऑडियो" टैग शामिल है, जिसे विशेष रूप से एम्बेडेड ऑडियो प्लेबैक के लिए परिभाषित किया गया है।
स्टेप 1
संगीत फ़ाइल एम्बेड करने के लिए अपने HTML दस्तावेज़ के मुख्य भाग में कहीं भी निम्न कोड जोड़ें और जब कोई विज़िटर आपकी वेबसाइट ब्राउज़ करता है तो उसे स्वचालित रूप से चलाएं।
दिन का वीडियो
"src" विशेषता बदलें ताकि उसमें उस संगीत फ़ाइल का पथ और फ़ाइल नाम शामिल हो जिसे आप एम्बेड करना चाहते हैं।
चरण दो
यदि आप संगीत फ़ाइल को बार-बार चलाना चाहते हैं तो "लूप" विशेषता जोड़ें:
चरण 3
यदि आप उपयोगकर्ता के ब्राउज़र को एकाधिक फ़ाइल स्वरूपों का विकल्प प्रदान करना चाहते हैं, तो "ऑडियो" टैग की "src" विशेषता के बजाय एकाधिक "स्रोत" टैग का उपयोग करें:
इस उदाहरण में, उपयोगकर्ता का ब्राउज़र तय करेगा कि एमपी3 फ़ाइल चलानी है या ओजीजी फ़ाइल। यह तकनीक उन मोबाइल उपकरणों को लक्षित करने के लिए उपयोगी हो सकती है जो केवल कुछ ऑडियो प्रारूप चला सकते हैं।
चरण 4
HTML5 समर्थन की कमी वाले पुराने ब्राउज़र के लिए समर्थन प्रदान करने के लिए "ऑडियो" टैग के भीतर "एम्बेड" टैग को नेस्ट करें। ध्यान दें कि "एम्बेड" टैग का यह उपयोग बहिष्कृत कर दिया गया है (जिसका अर्थ है कि अब इसे आधिकारिक तौर पर होने की आवश्यकता नहीं है समर्थित), इसलिए केवल इस तकनीक के साथ प्रयोग करें यदि आपको संदेह है कि आपके उपयोगकर्ता पुराने वेब का उपयोग कर रहे होंगे ब्राउज़र। यहाँ एक उदाहरण है:
टिप
उपयोगकर्ता को संगीत बंद करने और वॉल्यूम बदलने की अनुमति देने के लिए "ऑडियो" टैग में "नियंत्रण" विशेषता जोड़ने पर विचार करें। इसके अतिरिक्त, "ऑटोप्ले" विशेषता का उपयोग न करने पर विचार करें जब तक कि इस ब्राउज़र व्यवहार का कोई अच्छा कारण न हो। बहुत से उपयोगकर्ता एम्बेडेड पृष्ठभूमि संगीत पाते हैं जो अप्रत्याशित रूप से उनकी अनुमति के बिना परेशान करता है और आपकी वेबसाइट को तुरंत छोड़ देगा।