Google स्ट्रीट व्यू से वीडियो रिकॉर्ड करें

कुछ समय पहले, हाइपरलैप / टाइम-लैप्स वीडियो थीम लोकप्रिय हो गई थी। सबसे पहले, कुख्यात संसाधन के लिए धन्यवाद http://hyperlapse.tllabs.io/



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

यह कैसे काम करता है

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



दूसरी साइट जो आपको सड़क वीडियो देखने की अनुमति देती है वह है http://track-kit.net



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

http://track-kit.net/maps_s3/index.php?track=8821.gpx&svv=134

सच है, मेरे मैक पर कम या ज्यादा केवल क्रोम में काम करता है।



हालाँकि, इनमें से कोई भी संसाधन आपको वीडियो सहेजने की अनुमति नहीं देता है। हम अब इस समस्या को हल करेंगे।

वीडियो तैयार करने के लिए, हमें कई समस्याओं को हल करने की आवश्यकता है।

1. बिंदु A से बिंदु B तक दिशा-निर्देश प्राप्त करें। Google स्ट्रीट व्यू की उपलब्धता प्रदर्शित करना उचित है।
2. पैनोरमा फ्रेम डाउनलोड करें
3. उपयोगकर्ता को पैनोरमा संपादित करने की अनुमति दें, उदाहरण के लिए, किसी ऑब्जेक्ट पर कैमरा इंगित करके।
4. फ़्रेम वीडियो बनाएं
5. आईओएस की कई विशिष्ट समस्याओं को हल करें।

दिशा-निर्देश प्राप्त करें

ऐसा करने के लिए, हम iOS के लिए Google मैप्स SDK और Google दिशा API का उपयोग करते हैं

Google दिशा API का उपयोग करते हुए, हम Google से एन्कोडेड फ़ॉर्म में पथ के प्रारंभ और अंत बिंदुओं के बीच कई बिंदुओं का अनुरोध करते हैं।

IOS और GMSPath वर्ग के लिए Google मैप्स SDK को अक्षांश और देशांतर में Google को प्राप्त अंकों की एन्कोडेड सूची का अनुवाद करने की आवश्यकता होगी।

Google के साथ संवाद करने के लिए, AFNetworking का उपयोग किया जाता है।

static NSString *kLWSDirectionsURL = @"http://maps.googleapis.com/maps/api/directions/json?"; - (void)loadDirectionsForWaypoints:(NSArray *)waypoints{ NSString *origin = [waypoints objectAtIndex:0]; int waypointCount = [waypoints count]; int destinationPos = waypointCount -1; NSString *destination = [waypoints objectAtIndex:destinationPos]; NSString *sensor = @"false"; NSMutableString *url = [NSMutableString stringWithFormat:@"%@&origin=%@&destination=%@&sensor=%@", kLWSDirectionsURL,origin,destination, sensor]; if(waypointCount>2) { [url appendString:@"&waypoints=optimize:true"]; int wpCount = waypointCount-2; for(int i=1;i<wpCount;i++){ [url appendString: @"|"]; [url appendString:[waypoints objectAtIndex:i]]; } } url = [NSMutableString stringWithString:[url stringByAddingPercentEscapesUsingEncoding: NSASCIIStringEncoding]]; _directionsURL = [NSURL URLWithString:url]; [self startDownloadDataForURL:_directionsURL]; } AFHTTPRequestOperation *requestOperation; NSMutableArray* coordinatesArr; -(void)startDownloadDataForURL:(NSURL*)url{ [self stopLoadingForUserInfo:userInfo]; requestOperation = [manager GET:[url absoluteString] parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) { NSString* status = [responseObject objectForKey:@"status"]; NSArray* routesArr = [responseObject objectForKey:@"routes"]; if ([status isEqualToString:@"OK"] && [routesArr count] > 0) { NSDictionary *routes = [responseObject objectForKey:@"routes"][0]; NSDictionary *route = [routes objectForKey:@"overview_polyline"]; NSString *overview_route = [route objectForKey:@"points"]; GMSPath *path = [GMSPath pathFromEncodedPath:overview_route]; coordinatesArr = [NSMutableArray array]; for (int i = 0; i < [path count]; ++i) { CLLocationCoordinate2D coord = [path coordinateAtIndex:i]; [coordinatesArr addObject:[NSValue valueWithMKCoordinate:coord]]; } } } failure:^(AFHTTPRequestOperation *operation, NSError *error) { }]; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यदि निर्देशांक सूची में डाउनलोड सफल रहा, तो हम अपने पथ के बिंदुओं के निर्देशांक के सेट को संग्रहीत करते हैं।

PS Google दिशा API में 1 बारीकियाँ हैं - यदि आपको 2 के माध्यम से मार्ग करने की आवश्यकता नहीं है, लेकिन, 20 बिंदुओं के माध्यम से, आपको रास्ते के अंतराल के लिए कई अनुरोध करने होंगे, क्योंकि यदि आप "और waypoints" के माध्यम से अनुरोध में बड़ी संख्या में मध्यवर्ती बिंदुओं को पारित करते हैं, तो Google कर सकता है त्रुटि वापस करें।

पैनोरमा डाउनलोड करें

एक पैनोरमा को लोड करने के लिए, आप फॉर्म cbk0.google.com/cbk?output=json&ll=latitude , देशांतर के अनुरोध का उपयोग कर सकते हैं

यह हमें निर्देशांक अक्षांश, देशांतर के साथ बिंदु के निकटतम पैनोरमा के बारे में जानकारी देगा।

सबसे महत्वपूर्ण चीज जो हम पा सकते हैं, वह है "पैनोइद" - पैनोरमा की जरूरत है (पैनोआईडी के अलावा, हम पैनोरमा के ऑफसेट कोणों के बारे में भी जानकारी प्राप्त कर सकते हैं, जो आपको एक निश्चित दिशा में पैनोरमा को घुमाने के लिए उपयोगी हो सकती है):

 NSString* panoID; -(void)loadMyWebViewForCoord:(CLLocationCoordinate2D)arg{ @try { if (!manager) { manager = [AFHTTPRequestOperationManager manager]; } NSString* urlStr = [NSString stringWithFormat:@"http://cbk0.google.com/cbk?output=json&ll=%f,%f",arg.latitude,arg.longitude]; request = [manager GET:urlStr parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) { id location = [responseObject objectForKey:@"Location"]; id projection = [responseObject objectForKey:@"Projection"]; if (location && projection) { panoID = [location objectForKey:@«panoId»]; } } failure:^(AFHTTPRequestOperation *operation, NSError *error) { }]; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इसके अलावा, प्राप्त पैनोरमा आईडी का उपयोग करके, हम अनुरोध के माध्यम से कर सकते हैं:

cbk0.google.com/cbk?output=tile&panoid=panoid&zoom=zoom&x=x&y=y

पैनोरमा टाइल्स हमें पहले से ही चाहिए, जहां पैनओआईडी पैनोरमा आइडेंटिफ़ायर पहले प्राप्त किया गया है, ज़ूम पैनोरमा स्केल (इसका आकार) है, x और y पैनोरमा टाइल की संख्याएँ लंबवत और क्षैतिज रूप से हैं, जबकि पैनोरमा टाइलों की संख्या हमारे द्वारा दर्ज किए गए ज़ूम पर निर्भर करती है। उदाहरण के लिए, यदि हम ज़ूम = 3 चुनते हैं, तो पैनोरमा में चौड़ाई में 7 और ऊँचाई में 3 टाइलें होंगी।

यही है, पूरे पैनोरमा को प्राप्त करने के लिए हमें सभी टाइलों को डाउनलोड करने की आवश्यकता है:

 -(void)loadImagesForPanoPoint:(PanoPoint*)currentPanoPointArg { @try { int zoom; int maxX; int maxY; if ([StreetViewSettings instance].hiQualityPano) { zoom = 3; maxX = 7; maxY = 3; } else { zoom = 2; maxX = 4; maxY = 2; } __block int allImages = maxX; for (int x = 0; x < maxX; ++x) { dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{ NSMutableArray* imForCurrentCoodY = [NSMutableArray array]; for (int y = 0; y < maxY; ++y) { @autoreleasepool { NSString* pathStr = [NSString stringWithFormat:@"http://cbk0.google.com/cbk?output=tile&panoid=%@&zoom=%d&x=%d&y=%d",currentPanoPointArg.panoID,zoom,x,y]; NSString* tempDirectory = NSTemporaryDirectory(); NSString* imPath = [NSString stringWithFormat:@"%@/panoLoadCash/%@zoom=%dx=%dy=%d_%d",tempDirectory,currentPanoPointArg.panoID,zoom,x,y,currentCoordArrIndex]; NSData* im = nil; NSFileManager* fM = [NSFileManager defaultManager]; BOOL isD; if (![fM fileExistsAtPath:imPath isDirectory:&isD]) { im = [self imgByPath:pathStr]; } else { [imForCurrentCoodY addObject:imPath]; } if (im) { pakSize += im.length; if (![fM fileExistsAtPath:[NSTemporaryDirectory() stringByAppendingString:@"panoLoadCash"] isDirectory:&isD]) { NSError* err; [fM createDirectoryAtPath:[NSTemporaryDirectory() stringByAppendingString:@"panoLoadCash"] withIntermediateDirectories:YES attributes:[NSDictionary dictionary] error:&err]; } [im writeToFile:imPath atomically:YES]; [imForCurrentCoodY addObject:imPath]; } } } [imForCurrentCoordV addObject:@(x)]; [imForCurrentCoordTemp addObject:imForCurrentCoodY]; --allImages; }); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

इस प्रकार, Google से प्राप्त मार्ग के सभी बिंदुओं से गुजरने के बाद, हम उनके लिए पैनोरमा डाउनलोड कर सकते हैं और फिर उन्हें वीडियो के रूप में उपयोगकर्ता को प्रदर्शित कर सकते हैं।

हम वीडियो जेनरेट करते हैं

ऐसा करने के लिए, हमें AVFoundation लाइब्रेरी की आवश्यकता है:

 #import <AVFoundation/AVFoundation.h>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

वहाँ से हम केवल 3 कक्षाएं लेते हैं:

AVAssetWriter - फाइल में मीडिया डेटा लिखें

AVAssetWriterInput - AVAssetWriter में फाइल लिखने के लिए मीडिया पैकेज जोड़ता है

AVAssetWriterInputPixelBufferAdaptor - AVAssetWriterInput के लिए एक वीडियो पैकेज (CVPixelBuffer) प्रदान करता है

तदनुसार, हमें उन्हें कहीं परिभाषित करने की आवश्यकता है:

  AVAssetWriter* videoWriter; AVAssetWriterInput* writerInput; AVAssetWriterInputPixelBufferAdaptor* adaptor;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

आगे की शुरूआत:

 NSError *error = nil; videoWriter = [[AVAssetWriter alloc] initWithURL:[NSURL fileURLWithPath:videoPath] fileType:AVFileTypeQuickTimeMovie error:&error]; NSDictionary *videoSettings = [[NSDictionary alloc] initWithObjectsAndKeys: AVVideoCodecH264, AVVideoCodecKey, [NSNumber numberWithInt:videoSize.width], AVVideoWidthKey, [NSNumber numberWithInt:videoSize.height], AVVideoHeightKey, nil]; writerInput = [AVAssetWriterInput assetWriterInputWithMediaType:AVMediaTypeVideo outputSettings:videoSettings]; adaptor = [AVAssetWriterInputPixelBufferAdaptor assetWriterInputPixelBufferAdaptorWithAssetWriterInput:writerInput sourcePixelBufferAttributes:nil]; [videoWriter addInput:writerInput]; [videoWriter startWriting]; [videoWriter startSessionAtSourceTime:kCMTimeZero]
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

उसके बाद, वीडियो रिकॉर्डिंग के लिए सब कुछ तैयार है।

AVAssetWriterInput में एक फ़ंक्शन है:

(शून्य) अनुरोधMediaDataWhenReadyOnQueue: (dispatch_queue_t) कतार का उपयोग करके बिल: (शून्य (^) (शून्य)) ब्लॉक

जो हर बार डेटा का एक नया हिस्सा की जरूरत है ब्लॉक कहते हैं।

 [writerInput requestMediaDataWhenReadyOnQueue:assetWriterQueue usingBlock:^ if (buffer == NULL) { CVPixelBufferPoolCreatePixelBuffer (NULL, adaptor.pixelBufferPool, &buffer); } UIImage *image = [self imageForIndex:currentIndexForBuff]; if (image) { buffer = [self pixelBufferFromCGImage:image.CGImage]; CMTime presentationTime= CMTimeMakeWithSeconds(speed*currentIndexForBuff, 33); if (![adaptor appendPixelBuffer:buffer withPresentationTime:presentationTime]) { [self finishVideo]; return; } CVPixelBufferRelease(buffer); if (currentIndexForBuff < imagesPathsForVideo.count) { } else { [self finishVideo]; } } else { if (currentIndexForBuff < imagesPathsForVideo.count) { } else { [self finishVideo]; } return; } ++currentIndexForBuff; }];
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

वीडियो प्लेबैक गति को प्रेजेंटेशन चर का उपयोग करके नियंत्रित किया जाता है, जो आउटपुट फ़ाइल में फ़्रेम समय को इंगित करता है

UIImage * छवि वर्तमान फ्रेम है

जब वीडियो में सभी फ़्रेम रिकॉर्ड किए जाते हैं, तो हम वीडियोविटर और राइटरइन्पुट को सूचित करते हैं कि वीडियो रिकॉर्ड करना बंद करना आवश्यक है:

 -(void)finishVideo { [writerInput markAsFinished]; [videoWriter finishWritingWithCompletionHandler:^(){}]; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

छवि से CVPixelBufferRef पाने का कार्य:

 - (CVPixelBufferRef) pixelBufferFromCGImage: (CGImageRef) image { if (image) { NSDictionary *options = [[NSDictionary alloc] initWithObjectsAndKeys: [NSNumber numberWithBool:YES], kCVPixelBufferCGImageCompatibilityKey, [NSNumber numberWithBool:YES], kCVPixelBufferCGBitmapContextCompatibilityKey, nil]; CVPixelBufferRef pxbuffer = NULL; CVPixelBufferCreate(kCFAllocatorDefault, CGImageGetWidth(image), CGImageGetHeight(image), kCVPixelFormatType_32ARGB, (__bridge CFDictionaryRef) options, &pxbuffer); CVPixelBufferLockBaseAddress(pxbuffer, 0); void *pxdata = CVPixelBufferGetBaseAddress(pxbuffer); CGColorSpaceRef rgbColorSpace = CGColorSpaceCreateDeviceRGB(); CGContextRef context = CGBitmapContextCreate(pxdata, CGImageGetWidth(image), CGImageGetHeight(image), 8, 4*CGImageGetWidth(image), rgbColorSpace, kCGImageAlphaNoneSkipFirst); CGContextDrawImage(context, CGRectMake(0, 0, CGImageGetWidth(image), CGImageGetHeight(image)), image); CGColorSpaceRelease(rgbColorSpace); CGContextRelease(context); CVPixelBufferUnlockBaseAddress(pxbuffer, 0); return pxbuffer; } else { return nil; } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

पृष्ठभूमि में काम करें

हमारे एप्लिकेशन के बैकग्राउंड में होने पर वीडियो को जेनरेट करना जारी रखने के लिए, आप लंबे समय तक चलने वाले बैकग्राउंड टास्क का उपयोग कर सकते हैं , इसके लिए मैं आपको अच्छी क्लास का उपयोग करने की सलाह देता हूं

https://github.com/vaskravchuk/VideoMaker/



थोड़ा विकल्प जोड़ने पर, हमें ऐसा सॉफ़्टवेयर उत्पाद मिलता है।

itunes.apple.com/us/app/street-video-maker-free-create/id788610126?mt=8



इस तरह के कार्यक्रम का उपयोग करके बनाए गए वीडियो का एक उदाहरण है:



सड़क के वीडियो के दिलचस्प उपयोगों में से एक 360 ° Langstrasse साइट का अंत था। जिसमें से बाकी सिर्फ एक वीडियो है:



इस तकनीक का उपयोग करके, आप दिलचस्प संवर्धित वास्तविकता परियोजनाएं बना सकते हैं, भौगोलिक सर्वेक्षण कर सकते हैं और निश्चित रूप से। मजा आ गया। अंत में, गनथर वेगनर द्वारा पेशेवर समय-चूक का एक सा