Record Overlay zur gleichen Zeit AVFoundation iOS

Question

Ich habe jetzt vollständig eingerichtet die Möglichkeit, Video mit der AVFoundation Rahmen und das ist alles in Ordnung, aber jetzt suche ich eine Überlagerung während der Aufzeichnung (auch sichtbar auf der AVCaptureVideoPreviewLayer Ebene)

kann ich dieses Overlay UIView Objekt den VideoPreviewLayer hinzufügen, aber ich habe Schwierigkeiten, wie die gleiche Ansicht erhalten auf dem aufgezeichneten video.This seine UIView alles von UILabel s UIImageView s enthalten könnte.

Answer 1

Ich bin mir nicht sicher, ob dies die Sache ist, die Sie suchen, aber ich denke, Sie können Brad Larson GPU-Bibliothek verwenden, gibt es eine Klasse namens GPUImageElement, die Sie Überlagerungen und Ansichten hinzufügen können.Bitte beachten Sie die Beispiele, insbesondere die eine namens Filter showcase und blättern zu etwas namens UIElement. Hier

ist ein Beispielcode:

else if (filterType == GPUIMAGE_UIELEMENT) 
     { 
      GPUImageAlphaBlendFilter *blendFilter = [[GPUImageAlphaBlendFilter alloc] init]; 
      blendFilter.mix = 1.0; 

      NSDate *startTime = [NSDate date]; 

      UILabel *timeLabel = [[UILabel alloc] initWithFrame:CGRectMake(0.0, 0.0, 240.0f, 320.0f)]; 
      timeLabel.font = [UIFont systemFontOfSize:17.0f]; 
      timeLabel.text = @"Time: 0.0 s"; 
      timeLabel.textAlignment = UITextAlignmentCenter; 
      timeLabel.backgroundColor = [UIColor clearColor]; 
      timeLabel.textColor = [UIColor whiteColor]; 

      uiElementInput = [[GPUImageUIElement alloc] initWithView:timeLabel]; 

      [filter addTarget:blendFilter]; 
      [uiElementInput addTarget:blendFilter]; 

      [blendFilter addTarget:filterView]; 

      __unsafe_unretained GPUImageUIElement *weakUIElementInput = uiElementInput; 

      [filter setFrameProcessingCompletionBlock:^(GPUImageOutput * filter, CMTime frameTime){ 
       timeLabel.text = [NSString stringWithFormat:@"Time: %f s", -[startTime timeIntervalSinceNow]]; 
       [weakUIElementInput update]; 
      }]; 
     } 

Answer 2

Sie wollen UIView zu überlagern ist, aber wenn man nicht CALayer s nichts dagegen haben mit könnten Sie fügen Sie Ihre Overlay nach dem Export mit AVAssetExportSession 's AVVideoComposition Eigenschaft. Es verfügt über eine Eigenschaft AVVideoCompositionCoreAnimationTool *animationTool, mit der Sie animierende CALayer s zu Ihrer Ausgabe hinzufügen können, obwohl ich denke, dass Sie Pech haben, wenn das Aussehen Ihres Overlays nicht von CABasicAnimation beschrieben werden kann. Ihr Beispiel einer Anzeigenüberschrift kann möglich sein, obwohl ich mir etwas so einfaches vorstelle wie ein aktueller Zeitzähler nicht. Wenn Sie mit dieser Einschränkung leben können, ist das WWDC 2010-Codebeispiel "AVEditDemo" ein guter Ausgangspunkt.

Wenn Sie mehr Kontrolle benötigen, könnten Sie den Overlay machen UIView auf die Capture-Frames, [view.layer renderInContext:contextToThenRenderToFrame] verwenden und dann diese Frames schreiben Datei mit AVAssetWriter (sobald Sie Frames Speicher erfassen können Sie nicht mehr AVCaptureMovieFileOutput verwenden).

Warnung: Die Bilder, die Sie erfassen, können möglicherweise nicht mit einer gleichmäßigen Rate ankommen und hängen von der Umgebungsbeleuchtung und sogar von der Systemlast ab. Wenn sich Ihr Overlay schneller ändert als das Video, müssen Sie die Frames in der zweiten Lösung wiederholen. Dies wird für Sie von AVVideoComposition in der ersten Lösung behandelt.

P.S. Lösung zwei ist fummelig, aber ohne ins Detail zu gehen, scheint iOS7 dies viel einfacher gemacht zu haben.

Answer 3

Sie es in AVFoundation Programming Guide im editing finden können

Es gibt einen Abschnitt, der mit Überlagerung von Bild beschäftigt. Ich werde versuchen, einen Beispielcode/ein Projekt zu erstellen.

Answer 4

Um herauszufinden, Ihr Problem gibt es zwei sehr detaillierte Erklärungen auf der raywenderlich Tutorial-Seite. Es ist ein zweiteiliges Tutorial.

Die erste ist hier: http://www.raywenderlich.com/13418/how-to-play-record-edit-videos-in-ios

Das zweite ist hier: http://www.raywenderlich.com/30200/avfoundation-tutorial-adding-overlays-and-animations-to-videos

Viel Glück und hoffe, das hilft !!