HTML5 डिवाइस - ब्राउज़रों में ऑडियो कैप्चर

नवीनतम HTML विशिष्टताओं में बहुत सारी दिलचस्प गुत्थियां हैं और उनमें से एक यह है कि अब तक कोई भी इस बारे में बात नहीं करता है कि device



तत्व क्या है । यह कैमरे या माइक्रोफोन जैसे उपकरणों तक पहुंच प्रदान करता है। और, हालांकि यह तत्व अभी तक किसी भी ब्राउज़र द्वारा समर्थित नहीं है - यह वेब विकास का भविष्य है।

 interface HTMLDeviceElement : HTMLElement { attribute DOMString type; readonly attribute any data; };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

HTML5 ब्राउज़र के लिए अगली पीढ़ी का मानक है, WHATWG का नवीनतम विकास और आज ब्राउज़र डेवलपर्स द्वारा लागू किया गया है। विनिर्देशन को विकसित करने में पांच साल से अधिक समय लगा और अभी भी विकास जारी है। HTML5 ने ब्राउज़र को कुछ नए फीचर्स के साथ एक मजबूत एप्लिकेशन प्लेटफॉर्म में बदलने का एक बड़ा कदम उठाया है। WebSockets और सर्वर द्वारा भेजी जाने वाली घटनाएं लचीले नेटवर्क अनुप्रयोगों के लिए खुली हैं, और मीडिया तत्वों और कैनवास तत्व का उपयोग वेब पेजों पर नए प्रकार की सामग्री को मूल रूप से एम्बेड करने के लिए किया जा सकता है। HTML में अगला कदम क्या होगा?



उपरोक्त प्रश्न का उत्तर नए प्रकार के इनपुट उपकरणों को नियंत्रित करना संभव बना देगा। डिवाइस HTML तत्व एक ऐसे उपकरण तक पहुंच प्रदान करता है जो माइक्रोफोन या वेबकैम जैसे उपकरणों तक पहुंच प्रदान करता है। नीचे दिया गया कोड स्निपेट दर्शाता है कि एक लघु ऑडियो क्लिप को रिकॉर्ड करने के लिए डिवाइस तत्व और स्ट्रीम एपीआई का उपयोग कैसे किया जा सकता है। कृपया ध्यान दें कि डिवाइस तत्व और उसके संबद्ध एपीआई अभी तक किसी भी ब्राउज़र में उपलब्ध नहीं हैं और ब्राउज़र के प्रकट होने से पहले वे बदल सकते हैं। किसी भी मामले में, अब के लिए, कोड इस तरह दिखता है:

 <p>Select device: <device type="audio_capture" id="media_device"></p> <input type="button" id="record_ctl_but" value="Record" disabled></input>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

पृष्ठ लेआउट में डिवाइस टैग और बटन द्वारा इंगित डिवाइस का लिंक होता है। डिवाइस रिकॉर्डिंग विशेषता "प्रकार" ऑडियो रिकॉर्ड करने के लिए एक डिवाइस का चयन करने के लिए "audio_capture" के रूप में निर्दिष्ट किया गया है।

 // in window.onload document.getElementById("media_device").onchange = function () { // ready to record audioStream = this.data; recordCtlBut.disabled = false; };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

जब एक उपकरण का चयन किया जाता है, तो परिवर्तन की घटना को उठाया जाता है, जिस पर आप परिवर्तनों का जवाब देने के लिए कॉलबैक लटका सकते हैं। डेटा गुण स्ट्रीम ऑब्जेक्ट है जो चयनित डिवाइस का प्रतिनिधित्व करता है।

 // in window.onload recordCtlBut = document.getElementById("record_ctl_but"); recordCtlBut.onclick = function () { if (!recorder) { // start recording recordCtlBut.value = "Stop"; recorder = audioStream.record(); // set the maximum audio clip length to 10 seconds recordTimer = setTimeout(stopRecording, 10000); } else stopRecording(); };
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

बटन का उपयोग रिकॉर्डिंग शुरू करने और समाप्त करने दोनों के लिए किया जाता है, और इस पर क्लिक करके हम शिलालेख को खेलने से विराम देने और इसके विपरीत में बदल देते हैं। जब हम रिकॉर्ड विधि को कॉल करते हैं, तो स्ट्रीम ऑब्जेक्ट रिकॉर्डिंग शुरू कर देता है और स्ट्रीमआरकॉर्डर ऑब्जेक्ट लौटाता है। टाइमर का उपयोग करते हुए, हम रिकॉर्डिंग की लंबाई 10 सेकंड तक सीमित करते हैं।

 function stopRecording() { clearTimeout(recordTimer); var audioFile = recorder.stop(); useAudioFile(audioFile); // reset to allow new recording session recorder = null; recordCtlBut.value = "Record"; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

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



जैसा कि ऊपर उल्लेख किया गया है, एक ऑडियो डिवाइस के लिए असीमित संख्या में डिवाइस तत्व हो सकते हैं। इसी तरह से, इसका उपयोग अन्य प्रकार के उपकरणों का चयन करने के लिए किया जा सकता है, जैसे कि एक वेब कैमरा, जिस स्थिति में यह देखने के लिए एक वीडियो तत्व का उपयोग किया जाएगा। फिर आप नए फैशन टैग के आधार पर एक ऑनलाइन सम्मेलन कर सकते हैं।

अंत में, मैं यह कहना चाहता हूं कि डिवाइस तत्व और उससे जुड़े एपीआई नए उपकरणों को जोड़ने के लिए खुले हैं जिन्हें ब्राउज़र में प्लग-इन का उपयोग करके एक्सेस किया जा सकता है। एप्लिकेशन के सर्वश्रेष्ठ पोर्टेबिलिटी का लाभ उठाते हुए ब्राउज़र एक शक्तिशाली प्लेटफ़ॉर्म बनता जा रहा है। हम विनिर्देश के विकास के लिए तत्पर हैं।