AVCaptureVideoPreviewLayer 平滑方向旋转

Question

我正在尝试禁用任何可识别的方向旋转到 AVCaptureVideoPreviewLayer，同时仍保持任何子视图的旋转。 AVCaptureVideoPreviewLayer 确实有一个方向属性，并且更改它确实允许图层正确显示任何方向。但是，旋转涉及 AVCaptureVideoPreviewLayer 的一些时髦旋转，而不是像在 Camera 应用中那样保持平滑。

这就是我如何让方向正常工作，减去旋转中的障碍：

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    _captureVideoPreviewLayer.frame = self.view.bounds;
    _captureVideoPreviewLayer.orientation = [[UIDevice currentDevice] orientation];
}

如何让这个层像相机应用一样工作，同时保持其子视图的旋转？

另外，顺便说一句，我已经看到 AVCaptureVideoPreviewLayer 上的方向属性已被贬值，应该使用 AVCaptureConnection 的 videoOrientation 属性，但我认为我没有 AVCaptureConnection 可以访问这里（我是只需在屏幕上显示相机）。我应该如何设置它以访问 videoOrientation？

Answer 1

在包含预览层的视图上使用仿射变换可创建平滑过渡：

- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    if (cameraPreview) {
        if (toInterfaceOrientation==UIInterfaceOrientationPortrait) {
            cameraPreview.transform = CGAffineTransformMakeRotation(0);
        } else if (toInterfaceOrientation==UIInterfaceOrientationLandscapeLeft) {
            cameraPreview.transform = CGAffineTransformMakeRotation(M_PI/2);
        } else if (toInterfaceOrientation==UIInterfaceOrientationLandscapeRight) {
            cameraPreview.transform = CGAffineTransformMakeRotation(-M_PI/2);
        }
        cameraPreview.frame = self.view.bounds;
    }
}

willAnimateRotationToInterfaceOrientation 函数在旋转动画块中调用，因此此处更改属性将与其余的旋转动画一起动画。此功能已在 iOS 6 中逐步淘汰，取而代之的是处理设备旋转的新方法，因此目前可行，但不是最佳解决方案。

Answer 2

这是一个老问题，但由于它没有公认的答案，而且过去几天我自己一直在处理这个问题，我想我会发布答案。

根据设备方向变化旋转视频的技巧是不旋转AVCaptureVideoPreviewLayer 或AVCaptureConnection。

更改AVCaptureConnection 上的方向（AVCaptureVideoPreviewLayer 的方向已弃用）总是会导致丑陋的动画变化.. 旋转视频后，您仍然需要转换预览层。

执行此操作的正确方法是使用AVAssetWriter 写入视频和音频数据......然后在开始录制时对AVAssetWriterInput 应用转换。

这是来自 Apple 的关于此的简介 --

Receiving rotated CVPixelBuffers from AVCaptureVideoDataOutput

为了请求缓冲区旋转，客户端调用 -setVideoOrientation: on AVCaptureVideoDataOutput 的视频 AVCaptureConnection。注意 物理旋转缓冲区确实会带来性能成本，所以只有 必要时请求轮换。 例如，如果您想要 使用 AVAssetWriter 将旋转视频写入 QuickTime 电影文件， 最好在 AVAssetWriterInput 而不是物理旋转缓冲区 AVCaptureVideoDataOutput。

转换的应用类似于上面发布的代码。

1. 您注册了设备方向更改。
2. 根据新的设备方向跟踪要应用的变换。
3. 按下记录时，设置 AVAssetWriterInput 并对其应用转换。

希望这对正在寻找答案的人有所帮助。

Answer 3

我能够使用以下代码完成此操作：

在需要相机时进行设置：

preview = [[self videoPreviewWithFrame:CGRectMake(0, 0, 320, 480)] retain];
[self.view addSubview:preview];

videoPreviewWithFrame 函数。

- (UIView *) videoPreviewWithFrame:(CGRect) frame {
  AVCaptureVideoPreviewLayer *tempPreviewLayer = [[AVCaptureVideoPreviewLayer alloc] initWithSession:[self captureSession]];
  [tempPreviewLayer setVideoGravity:AVLayerVideoGravityResizeAspectFill];
  tempPreviewLayer.frame = frame;

  UIView* tempView = [[UIView alloc] init];
  [tempView.layer addSublayer:tempPreviewLayer];
  tempView.frame = frame;

  [tempPreviewLayer autorelease];
  [tempView autorelease];
  return tempView;
}

Answer 4

我希望 AVCaptureVideoPreviewLayer 能够很好地跟随所有旋转。我就是这样做的（overlayView 只是一个恰好具有正确边界的视图）。只有当您将调用 super 准确地放在代码中的位置时，它才会在没有打断的情况下进行动画处理：

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    [super willRotateToInterfaceOrientation:toInterfaceOrientation duration:duration];

    if ([[[self previewLayer] connection] isVideoOrientationSupported])
    {
        [[[self previewLayer] connection] setVideoOrientation:toInterfaceOrientation];
    }
}

- (void) willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    CGRect layerRect = [[self overlayView] bounds];
    [[self previewLayer] setBounds:layerRect];
    [[self previewLayer] setPosition:CGPointMake(CGRectGetMidX(layerRect),
                                                 CGRectGetMidY(layerRect))];

    [super willAnimateRotationToInterfaceOrientation:toInterfaceOrientation duration: duration];
}

Answer 5

您应该使用CATransform3DMakeRotation，它用于层，就像在 cmets 中提到的那样：

例如：

float degreesToRotate = 90.0; //Degrees you want to rotate
self.previewLayer.transform = CATransform3DMakeRotation(degreesToRotate / 180.0 * M_PI, 0.0, 0.0, 1.0);

在我的例子中，“self.previewLayer”是要旋转的图层。请记住，之后您应该将其剪辑到它的容器视图的边界：

self.previewLayer.frame = self.view.bounds;

。 . .

编辑：如果您要因设备旋转而旋转 (willAnimateRotationToInterfaceOrientation)，您应该进行如下转换：

[CATransaction begin];
    [CATransaction setAnimationDuration:duration];
    [CATransaction setAnimationTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
    //**Perform Transformation here**
    [CATransaction commit];

这样，图层将像视图一样旋转。

Answer 6

这就是我的做法：

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    if (tookFirstPicture)
        return;

    if (toInterfaceOrientation == UIInterfaceOrientationPortrait) {
        [previewLayer setOrientation:AVCaptureVideoOrientationPortrait];
    }
    else if (toInterfaceOrientation == UIInterfaceOrientationLandscapeLeft) {
        [previewLayer setOrientation:AVCaptureVideoOrientationLandscapeLeft];
    }
    else if (toInterfaceOrientation == UIInterfaceOrientationLandscapeRight) {
        [previewLayer setOrientation:AVCaptureVideoOrientationLandscapeRight];
    }
    else {
        [previewLayer setOrientation:AVCaptureVideoOrientationPortraitUpsideDown];
    }
}

Answer 7

我在 swift 中使用：

override func willAnimateRotationToInterfaceOrientation(toInterfaceOrientation: UIInterfaceOrientation, duration: NSTimeInterval) {
    if !UIDevice.currentDevice().model.contains("Simulator") {
        if (toInterfaceOrientation == .Portrait) {
            prevLayer?.transform = CATransform3DMakeRotation(0, 0, 0, 1)
        } else if (toInterfaceOrientation == .LandscapeLeft) {
            prevLayer?.transform = CATransform3DMakeRotation(CGFloat(M_PI)/2, 0, 0, 1)
        } else if (toInterfaceOrientation == .LandscapeRight) {
            prevLayer?.transform = CATransform3DMakeRotation(-CGFloat(M_PI)/2, 0, 0, 1)
        }
        prevLayer?.frame = self.scanView.frame
    }
}

Answer 8

在检查了Apple Example 之后，我想出了如何在 iOS 11 及更高版本中禁用 videoPreviewLayer 的旋转。 （不确定旧版本是否同样适用）

只需在videoPreviewLayer 的UIView 上设置clipToBounds = false。

希望这会有所帮助。

Answer 9

由于AVCaptureVideoPreviewLayer 是一个CALayer，所以任何更改都会被动画化，http://developer.apple.com/library/mac/#documentation/Cocoa/Conceptual/CoreAnimation_guide/Articles/AnimatingLayers.html。要停止动画，只需[previewLayer removeAllAnimations]。