iOS截取视频某一帧图片(关键帧,AVAssetImageGenerator)

12 篇文章 0 订阅

获取第一帧图片

导入 AVFoundation.Framework、CoreMedia.Framework

实现代码如下:

+ (UIImage*) thumbnailImageForVideo:(NSURL *)videoURL atTime:(NSTimeInterval)time {
    AVURLAsset *asset = [[[AVURLAsset alloc] initWithURL:videoURL options:nil] autorelease];
    NSParameterAssert(asset);
    AVAssetImageGenerator *assetImageGenerator = [[[AVAssetImageGenerator alloc] initWithAsset:asset] autorelease];
    assetImageGenerator.appliesPreferredTrackTransform = YES;
    assetImageGenerator.apertureMode = AVAssetImageGeneratorApertureModeEncodedPixels;

    CGImageRef thumbnailImageRef = NULL;
    CFTimeInterval thumbnailImageTime = time;
    NSError *thumbnailImageGenerationError = nil;
    thumbnailImageRef = [assetImageGenerator copyCGImageAtTime:CMTimeMake(thumbnailImageTime, 60) actualTime:NULL error:&thumbnailImageGenerationError];

    if (!thumbnailImageRef)
        NSLog(@"thumbnailImageGenerationError %@", thumbnailImageGenerationError);

    UIImage *thumbnailImage = thumbnailImageRef ? [[[UIImage alloc] initWithCGImage:thumbnailImageRef] autorelease] : nil;

    return thumbnailImage;
}

获取多帧图片的办法

[mImageGenerator generateCGImagesAsynchronouslyForTimes:[NSArray arrayWithObject:[NSValue valueWithCMTime:CMTimeMakeWithSeconds(time, NSEC_PER_SEC)]] completionHandler:
    ^(CMTime requestedTime, CGImageRef image, CMTime actualTime, AVAssetImageGeneratorResult result, NSError *error)
    {
 
        NSLog(@"actual got image at time:%f", CMTimeGetSeconds(actualTime));
        if (image)
        {
            [CATransaction begin];
            [CATransaction setDisableActions:YES];
            [layer setContents:(id)image];
 
            //UIImage *img = [UIImage imageWithCGImage:image];
            //UIImageWriteToSavedPhotosAlbum(img, self, nil, nil);
 
            [CATransaction commit];
        }
    }];
 


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这可能是因为在 iOS 中,视频需要在用户交互的情况下才能自动播放,否则会被视为自动播放而被阻止。如果你在获取视频一帧时,视频还没有被用户交互过,那么就会出现黑屏的情况,而且视频也无法播放。 为了解决这个问题,你需要在用户交互的情况下先播放一段视频,然后再获取视频的第一帧。以下是一个修改后的示例代码: ```javascript function captureFirstFrameFromVideo(videoUrl, callback) { const video = document.createElement('video'); video.crossOrigin = 'anonymous'; video.src = videoUrl; video.onloadedmetadata = function() { // 先播放视频 video.play().then(() => { const canvas = document.createElement('canvas'); canvas.width = this.videoWidth; canvas.height = this.videoHeight; const ctx = canvas.getContext('2d'); ctx.drawImage(this, 0, 0); const imgData = canvas.toDataURL('image/png'); callback(imgData); // 获取完第一帧后暂停视频 video.pause(); video.currentTime = 0; }).catch((error) => { console.log(error); }); }; } ``` 在这个函数中,我们在 `onloadedmetadata` 回调函数中,创建了一个 `video` 元素,并将其设置为 `videoUrl`。然后,我们在 `play` 方法中播放视频,并在播放成功后获取视频的第一帧获取完第一帧后,我们暂停视频,并将视频的当前播放时间设置为 0。这样做可以确保视频不会自动播放,同时也不会影响到其他地方对于视频的播放控制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值