HTML5 वेब पेजवर ध्वनी कसा जोडावा

HTML5 आपल्या घटकासह आपल्या वेब पृष्ठांवर ध्वनी आणि संगीत जोडणे सोपे करते. खरं तर, सर्वात कठीण गोष्ट आपल्या ध्वनी फाइल सर्वात मोठ्या प्रमाणात ब्राउझर वर प्ले याची खात्री करणे आवश्यक अनेक स्रोत तयार आहे

एचटीएमएल 5 वापरण्याचे फायदे हे आहे कि तुम्ही दोन टॅग वापरून फक्त ध्वनी एम्बेड करू शकता. ब्राऊझर, तेव्हा, आपण IMG घटक वापरता तेव्हा त्याप्रमाणेच एखादी प्रतिमा प्रदर्शित करतील त्याप्रमाणे ध्वनी प्ले करा.

HTML5 वेब पेजवर ध्वनी कसा जोडावा

आपल्याला एक HTML संपादक , एक ध्वनी फाइल (शक्यतो एमपी 3 स्वरुपात), आणि एक ध्वनी फाइल कनवर्टर आवश्यक आहे.

1. प्रथम, आपल्याला ध्वनी फाइलची आवश्यकता आहे. एमपी 3 (. एमपी 3) म्हणून फाइल रेकॉर्ड करणे सर्वोत्तम आहे कारण यामध्ये उच्च ध्वनी गुणवत्ता आहे आणि बहुतेक ब्राऊझर्स (Android 2.3+, Chrome 6+, IE 9+, iOS 3+, आणि Safari 5+) द्वारे समर्थित आहे.
2. फायरफॉक्स 3.6+ आणि ऑपेरा 10.5+ समर्थन जोडण्यासाठी आपली फाईल व्हॉबिस फॉरमॅट ( .ogg ) मध्ये रूपांतरित करा. व्हॉल्बिस डॉट कॉम वर आढळलेली एखादी कनवर्टर वापरू शकता. फायरफॉक्स व ऑपेरा समर्थन मिळवण्यासाठी आपण आपल्या एमपी 3 मधून WAV फाईल फॉरमॅटमध्ये ( .wav ) रूपांतरित करू शकता. मी आपली फाइल सर्व तीन प्रकारच्या पोस्टमध्ये पोस्ट करण्याची शिफारस करतो, सुरक्षेसाठीच, परंतु आपल्याला सर्वात जास्त गरज आहे एमपी 3 आणि दुसरे एक प्रकार.
3. आपल्या वेब सर्व्हरवर सर्व ऑडिओ फायली अपलोड करा आणि आपण त्या संचयित केलेल्या निर्देशिकेची नोंद करा. ऑडीओ फायलींसाठी उप-निर्देशिकेमध्ये ठेवणे ही एक चांगली कल्पना आहे, जसे की बहुतेक डिझाइनर प्रतिमा निर्देशिकेत प्रतिमा जतन करतात.
4. आपल्या एचटीएमएल फाईलमध्ये ऑडीओ घटक जोडा जेथे आपल्याला साऊंड फाईल नियंत्रणे दाखवायची आहेत. <ऑडिओ नियंत्रण>
5. आपण ऑडिओ घटकांदरम्यान अपलोड केलेल्या प्रत्येक ऑडिओ फाईलसाठी SOURCE घटक ठेवा:

1. ऑडिओ घटकांमधील कोणतेही HTML ऑडिओ घटकांना समर्थन देत नसलेल्या ब्राउझरसाठी फॉलबॅक म्हणून वापरले जाईल. त्यामुळे काही HTML जोडा. सर्वात सोपा मार्ग त्यांना फाईल डाउनलोड करण्यासाठी HTML जोडणे आहे, परंतु आपण ध्वनी प्ले करण्यासाठी HTML 4.01 एम्बेडिंग पद्धती देखील वापरू शकता. येथे एक सोपा फॉलबॅक आहे:

   आपला ब्राउझर ऑडिओ प्लेबॅकचे समर्थन करत नाही, फाइल डाउनलोड करा:

   1. एमपी 3 ,
   2. व्हॉबिस , WAV
2. आपल्याला शेवटची गोष्ट आवश्यक आहे आपल्या ऑडिओ घटक बंद करा:
3. आपण पूर्ण केल्यावर, आपले HTML यासारखे दिसले पाहिजे:
   4. आपला ब्राउझर ऑडिओ प्लेबॅकचे समर्थन करत नाही, फाईल डाउनलोड करा:

   5. एमपी 3 ,
   6. वॉर्बिस ,
   7. WAV

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

1. HTML5 doctype () वापरणे सुनिश्चित करा जेणेकरुन आपला HTML प्रमाणित होईल
2. आपण आपल्या घटकामध्ये कोणते इतर पर्याय जोडू शकता हे घटक पाहण्यासाठी उपलब्ध असलेल्या विशेषतांचे पुनरावलोकन करा.
3. लक्षात घ्या की डीफॉल्टनुसार नियंत्रणे समाविष्ट करण्यासाठी आम्ही HTML सेट केले आहे आणि ऑटोप्ले बंद आहे आपण त्यास बदलू शकता, परंतु लक्षात ठेवा की अनेक लोक आपोआप सुरू होणारे आवाज शोधू शकतात / जेणेकरुन ते त्रासदायक होऊ शकत नाहीत आणि जेव्हा ते घडते तेव्हा नेहमीच ते पृष्ठ सोडतील.