🎤 ✌️ 🔱 FLV वीडियो का छद्म-स्ट्रीमिंग अनुकूलन 👦🏻 🍶 🙎🏿

हमारी कंपनी की परियोजनाओं में से एक यूट्यूब के समान एक ऑनलाइन वीडियो सेवा है। Ngx_http_flv_module मॉड्यूल के साथ एक अद्भुत नगनेक्स वेब सर्वर का उपयोग स्ट्रीमिंग क्षमताओं को प्रसारित करने और लागू करने के लिए किया जाता है।

जब तक न केवल सर्वरों के नेटवर्क चैनल अतिभारित हो गए, तब तक सब कुछ ठीक था, लेकिन रीड अनुरोधों का सामना करने के लिए सर्वर के डिस्क सबसिस्टम बंद हो गए।

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

“प्लेबैक के लिए एक नेटस्ट्रीम उदाहरण में एक बाइट को प्राप्त करता है। डेटा निर्माण मोड में एक NetStream ऑब्जेक्ट पर इस पद्धति को कॉल करें। नेटस्ट्रीम ऑब्जेक्ट को डेटा क्रिएशन मोड में डालने के लिए, नेटस्ट्रीम ऑब्जेक्ट के लिए बनाए गए नेटस्ट्रीम इंस्टेंस पर नेटस्ट्रीम.प्ले (नल) विधि को कॉल करें जो कि नल से जुड़ी है। AppendBytes () विधि को NetStream ऑब्जेक्ट के लिए नहीं बुलाया जा सकता है जो डेटा निर्माण मोड में नहीं है, अन्यथा एक अपवाद फेंक दिया गया है। "

ऐसा लगता है कि हम लोडर वर्ग लेते हैं, रेंज हेडर को लिखते हैं, लेकिन यहां हम एडोब डेवलपर्स से एक खदान की प्रतीक्षा कर रहे हैं। HTTP के साथ काम करने वाले मानक एक्शन स्क्रिप्ट वर्ग श्रेणी हेडर का उपयोग नहीं करते हैं। फिर से, आधिकारिक स्रोतों से यह ज्ञात हो जाता है कि रेंज हेडर HTTP प्रोटोकॉल में चलने वाले वर्गों के कोड में, सुरक्षा कारणों से, जहाँ तक खिलाड़ी संस्करण 9 में है, अवरुद्ध है। लेकिन एक बात अच्छी थी: कि यह लॉक मूल नहीं है, बल्कि स्वयं कक्षाओं में है, जो इसका वर्णन करता है। सॉकेट सॉकेट के आधार वर्ग का उपयोग करके आप अपना HTTP क्लाइंट लिख सकते हैं। Google डिब्बे में लाभ एक तैयार वर्ग HTTPClientLib पाया गया था। नीचे दिया गया कोड वीडियो फ़ाइल का पहला मेगाबाइट डाउनलोड करता है और इसे बजाता है:

private var ns:NetStream; private var video:Video; private var meta:Object; private var client:HttpClient; private var filesize:Number = 0; private var loadedBytes:Number = 0; private var data:ByteArray = new ByteArray(); private var datadelta:Number = 1024*1024; //    - private var file:String = %   %; private function init():void{ // ,      var nsClient: Object = {}; //       nsClient.onMetaData = metaDataHandler; //   ;          null       - var nc:NetConnection = new NetConnection(); nc.connect(null); // ,          ns = new NetStream(nc); ns.client = nsClient; //     ns.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler); //   ns.addEventListener(IOErrorEvent.IO_ERROR,nsIOErrorHandler); //      video = new Video(); video.attachNetStream(ns); //  .  ,       video.smoothing = true; uic.addChild(video); // ,      NetStream client = new HttpClient(); //     loadData(); //     NetStream ns.play(null); } private function loadData():void{ //     var uri:URI = new URI(file); //,      var request:HttpRequest = new Get(); //maxdata      //loadedBytes -     var maxdata:Number = loadedBytes+datadelta; //    ,           if (maxdata>=filesize and filesize>0){ request.addHeader('Range','bytes='+loadedBytes+'-'); } else { request.addHeader('Range','bytes='+loadedBytes+'-'+maxdata); } //    ,       data //        //         NetStream  //     client.listener.onData = function(e:HttpDataEvent):void { var bytes:ByteArray = new ByteArray(); bytes = e.bytes; bytes.position = 0; data.writeBytes(bytes); }; //      client.listener.onComplete = function(e:HttpResponseEvent ):void{ //       loadedBytes+=data.length;       filesize = Number(e.response.header.getValue('Content-Length'))/1024; //     ns.appendBytes(data); //  data.clear(); //  .      inLoaded = false; }; //    client.request(uri,request); }

कोड को काम करने के लिए एक महत्वपूर्ण बिंदु: नेटस्ट्राम ऑब्जेक्ट डेटा निर्माण मोड में होना चाहिए, जिसे नेटस्ट्रीम.प्ले (नल) के रूप में चालू किया गया है। यह पहला वीडियो आने से पहले किया जाना चाहिए।

आगे, आवश्यकतानुसार, फ़ाइल के शेष हिस्सों को 1 मेगाबाइट के समान टुकड़ों के साथ लोड किया जाना चाहिए। 1 एमबी (वीडियो के लगभग 15 सेकंड के बराबर) का आकार हमारे सिस्टम के लिए बड़ी संख्या में परीक्षणों के दौरान प्रयोगात्मक रूप से प्राप्त किया गया था। लोड एक टाइमर द्वारा नियंत्रित किया जाता है जो किसी घटना पर निम्न कोड निष्पादित करता है।

 if ((!inLoaded) && (ns.bufferLength <= Math.ceil(loadtime+timeDelta)) && (loadedBytes < filesize)){ inLoaded = true; loadData(); }

हम निम्न शर्तों के अधीन डाउनलोड को लॉन्च करेंगे:
inLoaded = false - स्थिति संकेतक, प्रवाह true - डेटा लोड किया जा रहा है, गलत - नहीं;
ns.bufferLength <= Math.ceil (loadtime + timeDelta) - प्लेबैक बफर में कम समय बचा है जो पिछले लोड (लोडटाइम) प्लस डेल्टा के समय (स्टॉकडाउन) के समय से कम या बराबर है;
loadBytes <filesize - प्लेबैक फ़ाइल का अंत नहीं पहुँचा है;

डेटा निर्माण मोड में एक महत्वपूर्ण बिंदु NetStream.Play.Start, NetStream.Play.Stop ईवेंट्स उत्पन्न नहीं होते हैं। इसलिए, आपको डाउनलोड किए गए डेटा की मात्रा या वीडियो क्लिप में खोए समय की निगरानी करने की आवश्यकता है।

TimeDelta वैरिएबल आपको उपयोगकर्ता के चैनल की गुणवत्ता को समायोजित करने की अनुमति देता है: यदि प्लेबैक बफर खाली है, तो डेटा का अगला टुकड़ा लोड होने से पहले, डेल्टा बढ़ जाता है।

रिवाइंडिंग के बारे में थोड़ा सा

डेटा निर्माण मोड में, नेटस्ट्रीम क्लास के कुछ तरीके अपनी सामान्य कार्यक्षमता को बदलते हैं। यह तलाश () विधि पर भी लागू होता है - यह एक महत्वपूर्ण फ्रेम (तथाकथित I- फ्रेम) के लिए निर्दिष्ट बिंदु के सबसे करीब स्थित है। डेटा निर्माण मोड में, चाहने की विधि को कॉल करने के बाद, क्लास appendBytesAction () विधि को कॉल करने से पहले परिशिष्ट () विधि द्वारा प्रेषित सभी डेटा को अनदेखा करना शुरू कर देता है। विधि तर्क में निम्न मान हो सकते हैं NetStreamAppendBytesAction.RESET_BEGIN या NetStreamAppendBytesAction.RESET_SEEK, पहले ताज़े डेटा में एक नए flv फ़ाइल हेडर की उपस्थिति का अर्थ है और कक्षा में प्लेबैक काउंटरों को रीसेट करता है। यहाँ एक नमूना उल्टा वीडियो कोड है:

 //    ,   - -,               for (var i:Number=0;i<positions.length;i++){ if ((positions[i]<=seekpositions)&&(positions[i+1]>=seektpositions)){ //                loadedBytes = positions[i]; break; } } // seek       ns.seek(seektime); //C  NetStream         ,      ns.appendBytesAction(NetStreamAppendBytesAction.RESET_SEEK); //    loadData();

समय - नेविगेशन बिंदुओं के लिए समय ऑफसेट की एक सरणी;
स्थिति - नेविगेशन बिंदुओं के ऑफसेट बाइट्स की एक सरणी;

टिप्पणियों की जोड़ी

HTTPClientLib लाइब्रेरी की एक विशेषता यह है कि क्रॉस डोमेन ऑपरेशन के लिए सर्वर पोर्ट 843 से सॉकेट सिक्योरिटी पॉलिसी (crossdomain.xml) के साथ एक फाइल मांगी जाती है, मानक वस्तुओं के विपरीत जो इसे 80 वें से उठा सकती है। इसलिए, निम्न प्रविष्टि को nginx सर्वर कॉन्फ़िगरेशन में जोड़ा गया था:

 server { listen 843; server_name localhost; location / { rewrite ^(.*)$ /crossdomain.xml; } error_page 400 /crossdomain.xml; location = /crossdomain.xml { root /home/www-root; default_type text/x-cross-domain-policy; } }

परिणाम

इस तकनीक का उपयोग करने वाले वीडियो को डाउनलोड करने वाले खिलाड़ी के उपयोग ने "अधिक - स्पुरियस" ट्रैफ़िक की मात्रा को कम कर दिया है और स्ट्रीमिंग सर्वर पर लोड कम कर दिया है। 200,000 विचारों के औसत पर, यातायात में 30% की कमी हुई। हालाँकि, उपरोक्त तकनीक का एक "नकारात्मक" पक्ष है, अर्थात्: उपयोगकर्ता के पास कम से कम 10.1 संस्करण फ्लैश प्लेयर है।

पूर्ण कोड उदाहरण

FLV वीडियो का छद्म-स्ट्रीमिंग अनुकूलन

रिवाइंडिंग के बारे में थोड़ा सा

टिप्पणियों की जोड़ी

परिणाम

More articles: