MP3 फ़ाइल चलाने के लिए Javascript का उपयोग कैसे करें

...

वेबसाइट विज़िटर को MP3 चलाने देने के लिए JavaScript फ़ंक्शन का उपयोग करें।

आपके वेब पेजों पर एमपी3 ऑडियो फाइलों को एम्बेड और चलाने के कई तरीके संभव हैं। HTML में बहिष्कृत "एम्बेड" टैग, विभिन्न फ़्लैश प्लेयर, और जावा-आधारित प्लेयर सभी उदाहरण हैं। HTML5 मानक, स्क्रिप्टिंग पर जोर देने और तीसरे पक्ष के सॉफ़्टवेयर पर निर्भरता की कमी के साथ, आगे बढ़ने वाले वेब पेजों पर एमपी 3 को एम्बेड करने और चलाने का सबसे अनुकूल तरीका प्रदान करता है। MP3 फ़ाइल को HTML5 "ऑडियो" ऑब्जेक्ट के साथ एम्बेड करें, और फिर उसे चलाने के लिए JavaScript फ़ंक्शन का उपयोग करें

स्टेप 1

अपने HTML दस्तावेज़ के मुख्य भाग में निम्न कोड जोड़ें:

दिन का वीडियो

यह कोड एमपी3 फ़ाइल को एम्बेड और लोड करता है, लेकिन इसे नहीं चलाता है। "src" टैग के मान में MP3 फ़ाइल का पथ और फ़ाइल नाम शामिल है।

चरण दो

अपने HTML दस्तावेज़ के "हेड" टैग के बीच निम्नलिखित जावास्क्रिप्ट कोड जोड़ें:

यह फ़ंक्शन, जब कॉल किया जाता है, "ऑडियो" तत्व को अपनी आईडी ("एमपी3") द्वारा एक्सेस करता है, और इसे चलाने के लिए विधि प्ले () का उपयोग करता है।

चरण 3

जब उपयोगकर्ता इसे क्लिक करता है तो "playMP3" फ़ंक्शन को कॉल करने के लिए वेब पेज पर एक बटन जोड़ें। HTML दस्तावेज़ के मुख्य भाग में निम्न कोड जोड़ें:

बटन को एक अलग शीर्षक देने के लिए "मान" विशेषता बदलें।

चरण 4

फ़ाइल को प्रारंभ करने के बाद उपयोगकर्ता को रोकने के लिए "playMP3" के बजाय निम्न फ़ंक्शन का उपयोग करें:

समारोह playpauseMP3 () { अगर (दस्तावेज़। getElementById ("mp3")। रोका गया) {document.getElementById ("mp3")। प्ले (); }else{ document.getElementById("mp3").pause(); } }

इस फ़ंक्शन के नाम से मिलान करने के लिए चरण 3 में "इनपुट" टैग की "ऑनक्लिक" विशेषता बदलें।

श्रेणियाँ

हाल का

बाहरी हार्ड ड्राइव के साथ मेरे कंप्यूटर पर डीवीडी कैसे चलाएं

बाहरी हार्ड ड्राइव के साथ मेरे कंप्यूटर पर डीवीडी कैसे चलाएं

डीवीडी प्रोग्राम बाहरी हार्ड ड्राइव पर चल सकते...

Word से Excel में डेटा कैसे निर्यात करें

Word से Excel में डेटा कैसे निर्यात करें

छवि क्रेडिट: जुपिटरिमेज/पिक्सलैंड/गेटी इमेजेज म...

सस्ते और आसानी से जीपीएस ट्रैकर कैसे बनाएं

सस्ते और आसानी से जीपीएस ट्रैकर कैसे बनाएं

एक वेब-सक्षम सेल फोन और मुफ्त सॉफ्टवेयर आपको अ...