उद्देश्य-सी में समय के प्रतिनिधित्व के वीडियो और समझ के लिए स्कोरर

हैलो, अभिभावक!

इस लेख में, मैं अपने नवीनतम iOS प्रोजेक्ट्स में वीडियो के साथ काम करने के अपने अनुभव को साझा करना चाहता हूं। मैं विवरण में नहीं जाऊंगा, मैं केवल उन कार्यों में से एक का वर्णन करूंगा जो हब, जीथब और बाकी इंटरनेट पर खोजकर हल नहीं किए जा सकते। कार्य इस प्रकार था: वीडियो के लिए एक घुमक्कड़ बनाने के लिए, लेकिन सरल नहीं, लेकिन मानक आईओएस 7 गैलरी में जैसा होना चाहिए।



क्योंकि मानक घटक MPMoviePlayerViewController वीडियो खेलने के लिए इस्तेमाल किया गया था , और यह किसी भी स्थिति में वीडियो को रीवाइंड करने का समर्थन करता है, मुख्य कार्य नियमित अंतराल पर वीडियो से चित्र प्राप्त करना और उन्हें UIView पर रखना था, इसलिए वे वर्तमान स्थिति के तहत लगभग होंगे वीडियो थोड़ा आगे बढ़ते हुए, मैं कहना चाहता हूं कि जिस तरह से मुझे कुछ और समस्याओं को हल करना था: iPad पर वीडियो से चित्र बनाते समय ब्रेक, और डिवाइस के ऊर्ध्वाधर और क्षैतिज अभिविन्यास में अलग-अलग स्लाइडर की लंबाई।

इसलिए, शुरुआत के लिए, हमें यह समझने की आवश्यकता है कि वीडियो से चित्र कैसे प्राप्त करें। और AVAssetImageGenerator इसमें हमारी मदद करेगा। यह वर्ग विशेष रूप से वीडियो में एक मनमाने स्थान से चित्र प्राप्त करने के लिए बनाया गया है। हम मानते हैं कि हमारी परीक्षण फ़ाइल होम फ़ोल्डर में स्थित है और इसे test.mov कहा जाता है:

NSString *filepath = [NSString stringWithFormat:@"%@/Documents/test.mov", NSHomeDirectory()]; NSURL *fileURL = [NSURL fileURLWithPath:filepath]; 

AVAssetImageGenerator का उपयोग करने का एक उदाहरण:

 // create asset AVURLAsset *asset = [[AVURLAsset alloc] initWithURL:fileURL options:nil]; // create generator AVAssetImageGenerator *generator = [[AVAssetImageGenerator alloc] initWithAsset:asset]; // time for preview CMTime time = CMTimeMake(1, 2); // get image ref CGImageRef imageRef = [generator copyCGImageAtTime:time actualTime:nil error:nil]; // create image UIImage *image = [UIImage imageWithCGImage:oneRef]; 

मैं इससे पहले CMTime में नहीं आया था, और समय को समान अंतराल में विभाजित करने के लिए, यह समझना बुरा नहीं होगा कि यह डेटा संरचना क्या है।

CMTimeMake दो तर्कों को इनपुट के रूप में लेता है: मूल्य और टाइमस्केल । मैंने आधिकारिक दस्तावेज पढ़े हैं और मैं उन लोगों को सरल शब्दों में समझाना चाहता हूं जिन्हें इन तर्कों के बारे में पता नहीं है।
सबसे पहले, timescale वह संख्या है जिसके द्वारा प्रत्येक सेकंड को विभाजित किया जाएगा। इस तर्क का उपयोग करते हुए, आप उस सटीकता को निर्दिष्ट करते हैं जिसके साथ हम समय में वांछित बिंदु निर्दिष्ट कर सकते हैं। उदाहरण के लिए, यदि आप 10 के बराबर टाइमस्केल निर्दिष्ट करते हैं, तो आप एक सेकंड का 1/10 प्राप्त कर सकते हैं।
बदले में, मूल्य समय के वांछित हिस्से को इंगित करता है, खाते के समय में ले जाता है। उदाहरण के लिए, हमारे पास 60 सेकंड लंबा एक वीडियो है, 30 सेकंड पाने के लिए टाइमसेल 10 है, मूल्य 300 होना चाहिए।
सीएमटाइम का उपयोग करके समय प्रतिनिधित्व को बेहतर ढंग से समझने के लिए, मैं कहूंगा कि वीडियो में वर्तमान क्षण में सेकंड की संख्या मूल्य / समय के बराबर है। पिछले उदाहरण से, 30 सेकंड 300/10 है। यदि हम सेकंड से लेकर सीएमटाइम तक के अनुवाद को समझते हैं और इसके विपरीत, तो इस संरचना के साथ कोई समस्या नहीं होनी चाहिए।

आगे बढ़ो, अब हमें वीडियो की लंबाई जानने की आवश्यकता है। यह काफी सरल है, पहले से बनाई गई एसेट ऑब्जेक्ट में हमारे पास आवश्यक संपत्ति है।

 CMTime duration = asset.duration; 

खैर, हमारे पास तस्वीरों के एक समूह में वीडियो काटने के लिए सब कुछ है। अब सवाल यह है कि उनमें से कितने पोर्ट्रेट और उपकरणों के परिदृश्य उन्मुखीकरण के लिए आवश्यक हैं। पहली बात जिस पर आपको ध्यान देने की आवश्यकता है वह आईफोन और आईपैड की मानक गैलरी में घुमक्कड़ की ऊंचाई है। हां, यह लगभग समान है, केवल चौड़ाई अलग है। यह अनुमान लगाना मुश्किल नहीं है कि चित्रों की संख्या एक चित्र की चौड़ाई से विभाजित स्लाइडर की चौड़ाई के बराबर है। मैंने फैसला किया कि मैं 29x29 पिक्सल के वर्ग चित्र बनाऊंगा। यहां एक सूक्ष्म बिंदु है, जनरेटर में चित्रों के आकार को पिक्सेल में इंगित किया जाना चाहिए, इसलिए 58x58 का मूल्य होगा।

 generator.maximumSize = CGSizeMake(58.0, 58.0); 

सादगी और सुविधा के लिए, छवियों की संख्या जिन्हें मैंने परिभाषित किया है

 #define iPad (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) #define ThumbnailsCountInPortrait (iPad ? 25 : 10) #define ThumbnailsCountInLandscape (iPad ? 38 : 15) 

अब चित्र बनाने के लिए सब कुछ तैयार है। मैंने दो अलग-अलग सरणियाँ बनाईं, क्योंकि चित्र और परिदृश्य अभिविन्यास में, वीडियो से चित्र अलग होंगे।

 NSMutableArray *portraitThumbnails = [NSMutableArray array]; NSMutableArray *landscapeThumbnails = [NSMutableArray array]; // generate portrait thumbnails for (NSInteger i=0; i < ThumbnailsCountInPortrait; i++) { CMTime time = CMTimeMake(duration.value/ThumbnailsCountInPortrait*i, duration.timescale); CGImageRef oneRef = [generator copyCGImageAtTime:time actualTime:nil error:nil]; [portraitThumbnails addObject:[UIImage imageWithCGImage:oneRef]]; } // generate landscape thumbnails for (NSInteger i=0; i < ThumbnailsCountInLandscape; i++) { CMTime time = CMTimeMake(duration.value/ThumbnailsCountInLandscape*i, duration.timescale); CGImageRef oneRef = [generator copyCGImageAtTime:time actualTime:nil error:nil]; [landscapeThumbnails addObject:[UIImage imageWithCGImage:oneRef]]; } 

मुझे नहीं लगता कि यहां यह बताना उचित होगा कि प्राप्त चित्रों को एक UIView पर एक पंक्ति में कैसे रखा जाए, और इससे भी अधिक उन्हें विभिन्न डिवाइस ओरिएंटेशन के साथ विभिन्न सरणियों से कैसे लिया जाए। यह वास्तव में कुछ भी जटिल नहीं है और यह सब समाप्त उदाहरण में देखा जा सकता है।

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

उपयोग उदाहरण:

 dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{ [videoScroller initializeThumbnails]; dispatch_async(dispatch_get_main_queue(), ^{ [videoScroller loadThumbnails]; }); }); 

मुझे लगता है कि यह स्पष्ट है कि वीडियोस्क्रॉलर हमारी वस्तु है जो पृष्ठभूमि में अपने डेटा को इनिशियलाइज़ करता है और फिर लोड करता है।

एक कार्यकारी उदाहरण यहां लिया जा सकता है: https://github.com/iBlacksus/BLVideoScroller

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