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

JavaScript/HTML5 के साथ ऑन-द-फ्लाई साउंड जनरेट करना

Web Audio API

Web Audio API का उपयोग ऑडियो को नियंत्रित करने के लिए किया जाता है, जो आपको ऑडियो स्रोतों को चुनने की अनुमति देता है। आप प्रभाव भी जोड़ सकते हैं; ऑडियो विज़ुअलाइज़ेशन, पैनिंग आदि बना सकते हैं।

उदाहरण: साउंड जनरेट करना

निम्नलिखित कोड स्निपेट को आज़माएं साउंड जनरेट करने के लिए:

// प्रति डॉक्यूमेंट एक कॉन्टेक्स्ट उपयोग करें। यहां हम एक डॉक्यूमेंट के लिए एक कॉन्टेक्स्ट बना रहे हैं।
var context = new (window.AudioContext || window.webkitAudioContext)();

// ऑसिलेटर
var os = context.createOscillator();
os.type = 'sine'; // sine डिफ़ॉल्ट है। आप square, sawtooth, triangle भी उपयोग कर सकते हैं
os.frequency.value = 500; // फ्रीक्वेंसी Hz में सेट करना
os.connect(context.destination); // डेस्टिनेशन से कनेक्ट करना

// ऑसिलेटर शुरू करना
os.start();
os.stop(context.currentTime + 5); // वर्तमान समय के 5 सेकंड बाद रोकें

यह कोड 500Hz पर 5 सेकंड के लिए एक साइन वेव टोन जनरेट करता है।

  1. JavaScript से टेक्स्ट को क्लिपबोर्ड में कैसे कॉपी करें? JavaScript से टेक्स्ट को क्लिपबोर्ड में कैसे कॉपी करें?

    JavaScript का उपयोग करके टेक्स्ट को क्लिपबोर्ड में कॉपी करने का पूरा कोड नीचे दिया गया है। यह पुराना document.execCommand(copy) मेथड उपयोग करता है, हालांकि आधुनिक ब्राउज़र्स में navigator.clipboard.writeText() बेहतर विकल्प है। उदाहरण (लीगेसी मेथड) <!DOCTYPE html> <html> <head>

  1. JavaScript में केवल वर्तमान वर्ष कैसे प्रदर्शित करें? JavaScript में केवल वर्तमान वर्ष कैसे प्रदर्शित करें?

    केवल वर्तमान वर्ष प्रदर्शित करने के लिए, getFullYear() का उपयोग करें। कोड निम्न है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <ti

  1. JavaScript के साथ innerHTML सेट करें JavaScript के साथ innerHTML सेट करें

    innerHTML सेट करने का सही सिंटैक्स निम्नानुसार है - document.getElementById(yourIdName).innerHTML=yourValue; आइए अब देखें कि innerHTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-widt