Создание изменяемой композиции с изображением (заливка аспекта) и видео в соответствии с аспектом

#ios #swift #avfoundation #avmutablecomposition

#iOS #swift #avfoundation #изменяемая композиция

Вопрос:

Я пытаюсь создать новое видео, используя изображение, которое всегда будет иметь размер: CGSize(375, 667), но с видео, которое будет разных размеров, и с contentMode .`aspectFit’ . Проблема в том, что я не могу понять, как сделать всю композицию видео правильного размера (то есть размера изображения), а вместо этого это естественный размер видео с кучей странных результатов. (примечание для редактирования: видео должно быть центрировано в представлении, как, например, обычный aspectFit для UIImageView ..)

вот пример того, чего я пытаюсь достичь … обратите внимание, что у меня уже есть изображение и видео, все, что мне нужно сделать, это создать новое видео с ними. И вот как это должно выглядеть (на изображении):

изображение желаемого результата здесь —

Вот код, который я пытаюсь использовать в настоящее время, с изображением-заполнителем «background» (случайное изображение 375, 667 в активах ..): Я думаю, что, возможно, я неправильно делаю материал вокруг комментария «важные вещи»… но я не могу понять это в настоящее время :/

   func makeVideo(fromVideoAt videoURL: URL, forName name: String, onComplete: @escaping (URL?) -> Void) {
    let asset = AVURLAsset(url: videoURL)
    let composition = AVMutableComposition()
    
    guard
      let compositionTrack = composition.addMutableTrack(
        withMediaType: .video, preferredTrackID: kCMPersistentTrackID_Invalid),
      let assetTrack = asset.tracks(withMediaType: .video).first
      else {
        print("Something is wrong with the asset.")
        onComplete(nil)
        return
    }
    
    do {
      let timeRange = CMTimeRange(start: .zero, duration: asset.duration)
      try compositionTrack.insertTimeRange(timeRange, of: assetTrack, at: .zero)
      
      if let audioAssetTrack = asset.tracks(withMediaType: .audio).first,
        let compositionAudioTrack = composition.addMutableTrack(withMediaType: .audio, preferredTrackID: kCMPersistentTrackID_Invalid) {
        try compositionAudioTrack.insertTimeRange(timeRange, of: audioAssetTrack, at: .zero)
      }
    } catch {
      print(error)
      onComplete(nil)
      return
    }
    
    compositionTrack.preferredTransform = assetTrack.preferredTransform
    let videoInfo = orientation(from: assetTrack.preferredTransform)
    
    
    
    //Important stuff potentially? general below:
    
    let videoSize: CGSize
    if videoInfo.isPortrait {
      videoSize = CGSize(width: 720, height: 1280)
    } else {
      videoSize = CGSize(width: 720, height: 1280) //720.0, 1280 tiktok default..?
    }
    
    
    
    //the Background image:
    let backgroundLayer = CALayer()
    backgroundLayer.frame = CGRect(origin: .zero, size: videoSize) //videosize
    
    backgroundLayer.contents = UIImage(named: "background")?.cgImage
    backgroundLayer.contentsGravity = .resizeAspectFill
    backgroundLayer.backgroundColor = UIColor.red.cgColor

    //Video layer:
    let videoLayer = CALayer()
//    videoLayer.frame = CGRect(origin: .zero, size: CGSize(width: composition.naturalSize.width, height: composition.naturalSize.height)) //videosize
    videoLayer.backgroundColor = UIColor.yellow.cgColor
        
    print(composition.naturalSize, "<-- composition.naturalSize")
    videoLayer.frame = CGRect(origin: .zero, size: CGSize(width: videoSize.width, height: composition.naturalSize.height))//CGRect(x: 0, y: 0, width: videoSize.width, height: composition.naturalSize.height)

    
    //OutPutlayer putting the together?
    let outputLayer = CALayer()
    outputLayer.frame = CGRect(origin: .zero, size: CGSize(width: 720, height: 1280)) //videosize
    outputLayer.backgroundColor = UIColor.white.cgColor
    outputLayer.addSublayer(backgroundLayer)
    outputLayer.addSublayer(videoLayer)
//    outputLayer.addSublayer(overlayLayer)
    
    let videoComposition = AVMutableVideoComposition()
    videoComposition.renderSize = videoSize
    videoComposition.frameDuration = CMTime(value: 1, timescale: 30)
    videoComposition.animationTool = AVVideoCompositionCoreAnimationTool(postProcessingAsVideoLayer: videoLayer, in: outputLayer)
    
    
    //Setting Up Instructions
    let instruction = AVMutableVideoCompositionInstruction()
    instruction.timeRange = CMTimeRange(start: .zero, duration: composition.duration)
    videoComposition.instructions = [instruction]
    let layerInstruction = compositionLayerInstruction(for: compositionTrack, assetTrack: assetTrack)
    instruction.layerInstructions = [layerInstruction]
    
    
    
    //EXPORTING
    guard let export = AVAssetExportSession(asset: composition, presetName: AVAssetExportPresetHighestQuality) else {
        print("Cannot create export session.")
        onComplete(nil)
        return
    }
    
    let videoName = UUID().uuidString
    let exportURL = URL(fileURLWithPath: NSTemporaryDirectory()).appendingPathComponent(videoName).appendingPathExtension("mp4")
    
    export.videoComposition = videoComposition
    export.outputFileType = .mov
    export.outputURL = exportURL
    
    export.exportAsynchronously {
      DispatchQueue.main.async {
        switch export.status {
        case .completed:
          onComplete(exportURL)
        default:
          print("Something went wrong during export.")
          print(export.error ?? "unknown error")
          onComplete(nil)
          break
        }
      }
    }
  }
  

Комментарии:

1. Вы выяснили, как это сделать?

Ответ №1:

Попробуйте использовать этот код https://github.com/vabe1337/VBVideoEditor . Он отображает видео, как TikTok, Instagram.

Комментарии:

1. В вашем репозитории это func compositionLayerInstruction(...) , в частности, код для альбомной ориентации. Это не на 100% правильно, но после почти 2 дней и многих часов работы над этим это направило меня в правильном направлении. Я поддержал вас, потому что это очень близко. Спасибо за вашу помощь!