आईओएस 6 के लिए सफारी में वेब ऑडियो ऑफ़लाइन

आईओएस के तहत सफारी में कैश्ड ऑडियो ऑफ़लाइन खेलना लंबे समय से एक वास्तविक चुनौती है, जिसे एक अप्राप्य लक्ष्य माना जाता था। लेकिन वेब ऑडियो एपीआई (केवल वेबकीट इंजन में) के आगमन के साथ, यह आखिरकार संभव हो गया, इस तथ्य के बावजूद कि आपको अभी भी कुछ कदम उठाने हैं।

बुरी खबर यह है कि आप अभी भी एप्लिकेशन कैश का उपयोग करके एमपी 3 फ़ाइलों को कैश करने में सक्षम नहीं हैं और सिर्फ XmlHttpRequest का उपयोग करके उन्हें अपलोड करें। IOS 6 के लिए सफारी एमपी 3 फ़ाइलों को कैश करेगी, लेकिन फिर चुपचाप उन्हें खेलने से मना कर दें (बहुत उपयोगी!)

बेस 64 बचाव में जाता है

इस तथ्य के कारण कि वेब ऑडियो एपीआई डेवलपर्स को ऑडियो बफर के लिए सीधी पहुंच प्रदान करता है, आप मक्खी पर डेटा प्रारूप को बदल सकते हैं और उन्हें प्लेबैक के लिए सीधे वेब ऑडियो एपीआई में स्थानांतरित कर सकते हैं। उदाहरण के लिए, यदि आप एक mp3 फ़ाइल को एक बेस 64 स्ट्रिंग में एनकोड करते हैं, तो आप फिर इसे ऐरेबफ़र में डीकोड कर सकते हैं और कच्चे ऑडियो डेटा को परिवर्तित कर सकते हैं।

ऑडियो फ़ाइल एन्कोडिंग

आप OpenSSL का उपयोग करके आसानी से एमपी 3 फ़ाइल को बेस 64 स्ट्रिंग में बदल सकते हैं। यदि आप Mac OS X चला रहे हैं, जहां यह प्रीइंस्टॉल्ड है, तो Terminal.app खोलें और निम्नलिखित कमांड दर्ज करें:

 openssl base64 -in [infile] -out [outfile] 

अपने एमपी 3 फ़ाइल के पथ के साथ [शिशु] को बदलें, और एन्कोडेड डेटा को बचाने के लिए पथ के साथ [संगठन]।
आदेश ऑडियो फ़ाइल के base64 एन्कोडेड स्ट्रिंग प्रतिनिधित्व को बचाएगा। फिर आप अपनी पसंद के किसी भी वेब स्टोरेज का उपयोग करके इस लाइन को कैश कर सकते हैं (उदाहरण के लिए, एप्लीकेशन कैश , लोकल स्टोरेज या वेबएसक्यू )

ArrayBuffer में बेस 64

Base64 को ArrayBuffer में बदलने के लिए, आपको अपने समाधान का उपयोग करने की आवश्यकता है। Daniele ग्युरेरो के बेस 64-बाइनरी.जेएस समाधान की जांच करें। यह एक अच्छी स्क्रिप्ट है जो विशेष रूप से इस उद्देश्य के लिए बनाई गई थी। यह बेस 64 स्ट्रिंग को यूंट 8 एरे में परिवर्तित करता है और इसे ArrayBuffer को बचाता है।
उसके बाद, आप वेब ऑडियो एपीआई से decodeAudioData() का उपयोग करके केवल ऑडियो डेटा को डीकोड कर सकते हैं।

 var buff = Base64Binary.decodeArrayBuffer(sound); myAudioContext.decodeAudioData(buff, function(audioData) { myBuffer = audioData; }); 

ऑडियो डेटा ट्रांसकोड करने के बाद, इसे ऑडियो बफर में ट्रांसफर करें और साउंड प्ले करें:

 mySource = myAudioContext.createBufferSource(); mySource.buffer = myBuffer; mySource.connect(myAudioContext.destination); mySource.noteOn(0); 

डेमो और स्रोत कोड

इस आलेख से तकनीक का उपयोग करने के अतिरिक्त उदाहरणों के लिए ऑनलाइन डेमो और स्रोत कोड देखें।

ब्राउज़र का समर्थन

आईओएस 6 के तहत सफारी 6, क्रोम डेस्कटॉप और सफारी के तहत प्रस्तुत डेमो कार्य। तकनीक संभावित रूप से किसी भी ब्राउज़र में काम कर सकती है जो वेब ऑडियो एपीआई का समर्थन करता है, इसलिए उम्मीद है कि क्रोम मोबाइल जल्द ही इसके लिए समर्थन जोड़ देगा।
फिलहाल, W3C मानक के रूप में वेब ऑडियो एपीआई को बढ़ावा दे रहा है।