ios 合并两个视频并排和顶部底部像TikTok Duet一样

dauxcl2d  于 2023-10-21  发布在  iOS
关注(0)|答案(1)|浏览(172)

我想以类似TikTok的方式合并两个视频。我在Stackoverflow上看到了很多解决方案，但没有一个对我有效。视频应该放在并排和顶部底部的方式。请看附件中的图片。在左侧，一个视频在顶部，第二个在底部，但填充了全屏的宽度和高度。同样，在图像的右侧，两个视频并排，相等地填充所需的屏幕宽度和高度。

我使用两个不同的功能合并视频。

  1. func mergeVideosTopBottom(videoURL1: URL, videoURL2: URL, outputURL: URL, completion: @escaping (Bool, Error?) -> Void) {
  2.     let asset1 = AVAsset(url: videoURL1)
  3.     let asset2 = AVAsset(url: videoURL2)
  4.     
  5.     guard let videoTrack1 = asset1.tracks(withMediaType: .video).first,
  6.           let videoTrack2 = asset2.tracks(withMediaType: .video).first else {
  7.         completion(false, nil)
  8.         return
  9.     }
  10.     
  11.     let composition = AVMutableComposition()
  12.     
  13.     guard let compositionTrack1 = composition.addMutableTrack(withMediaType: .video, preferredTrackID: kCMPersistentTrackID_Invalid),
  14.           let compositionTrack2 = composition.addMutableTrack(withMediaType: .video, preferredTrackID: kCMPersistentTrackID_Invalid) else {
  15.         completion(false, nil)
  16.         return
  17.     }
  18.     
  19.     try? compositionTrack1.insertTimeRange(CMTimeRange(start: .zero, duration: asset1.duration), of: videoTrack1, at: .zero)
  20.     try? compositionTrack2.insertTimeRange(CMTimeRange(start: .zero, duration: asset2.duration), of: videoTrack2, at: .zero)
  21.     
  22.     let instruction = AVMutableVideoCompositionInstruction()
  23.     instruction.timeRange = CMTimeRange(start: .zero, duration: CMTimeMaximum(asset1.duration, asset2.duration))
  24.     
  25.     let transformer1 = AVMutableVideoCompositionLayerInstruction(assetTrack: compositionTrack1)
  26.     let transformer2 = AVMutableVideoCompositionLayerInstruction(assetTrack: compositionTrack2)
  27.     
  28.     let transform1 = videoTrack1.preferredTransform
  29.     let transform2 = videoTrack2.preferredTransform
  30.     
  31.     transformer1.setTransform(transform1, at: .zero)
  32.     transformer2.setTransform(transform2, at: .zero)
  33.     
  34.     let videoComposition = AVMutableVideoComposition()
  35.     videoComposition.instructions = [instruction]
  36.     videoComposition.frameDuration = CMTime(value: 1, timescale: 30) // Set desired frame rate
  37.     
  38.     // Calculate the output video size
  39.     let videoSize = CGSize(width: max(videoTrack1.naturalSize.width, videoTrack2.naturalSize.width),
  40.                            height: videoTrack1.naturalSize.height + videoTrack2.naturalSize.height)
  41.     videoComposition.renderSize = videoSize
  42.     
  43.     instruction.layerInstructions = [transformer1, transformer2]
  44.     
  45.     guard let exporter = AVAssetExportSession(asset: composition, presetName: AVAssetExportPresetHighestQuality) else {
  46.         completion(false, nil)
  47.         return
  48.     }
  49.     
  50.     exporter.outputURL = outputURL
  51.     exporter.outputFileType = .mp4
  52.     exporter.shouldOptimizeForNetworkUse = true
  53.     exporter.videoComposition = videoComposition
  54.     
  55.     exporter.exportAsynchronously {
  56.         switch exporter.status {
  57.         case .completed:
  58.             print("Completed......")
  59.             DispatchQueue.main.async {
  60.                 guard let url = exporter.outputURL else {return}
  61.                 let objAVPlayerVC = AVPlayerViewController()
  62.                   objAVPlayerVC.player = AVPlayer(url: url)
  63.                   self.present(objAVPlayerVC, animated: true, completion: {() -> Void in
  64.                       objAVPlayerVC.player?.play()
  65.                   })
  66.             }
  67.         case .failed:
  68.             print("Failed......")
  69.         case .cancelled:
  70.             print("Cancelled......")
  71.         default:
  72.             break
  73.         }
  74.     }
  75. }

第二个功能是

  1. func mergeVideosSideBySide(videoURL1: URL, videoURL2: URL, outputURL: URL, completion: @escaping (Bool, Error?) -> Void) {
  2.     let asset1 = AVAsset(url: videoURL1)
  3.     let asset2 = AVAsset(url: videoURL2)
  4.     
  5.     guard let videoTrack1 = asset1.tracks(withMediaType: .video).first,
  6.           let videoTrack2 = asset2.tracks(withMediaType: .video).first else {
  7.         completion(false, nil)
  8.         return
  9.     }
  10.     
  11.     let composition = AVMutableComposition()
  12.     
  13.     guard let compositionTrack1 = composition.addMutableTrack(withMediaType: .video, preferredTrackID: kCMPersistentTrackID_Invalid),
  14.           let compositionTrack2 = composition.addMutableTrack(withMediaType: .video, preferredTrackID: kCMPersistentTrackID_Invalid) else {
  15.         completion(false, nil)
  16.         return
  17.     }
  18.     
  19.     try? compositionTrack1.insertTimeRange(CMTimeRange(start: .zero, duration: asset1.duration), of: videoTrack1, at: .zero)
  20.     try? compositionTrack2.insertTimeRange(CMTimeRange(start: .zero, duration: asset2.duration), of: videoTrack2, at: .zero)
  21.     
  22.     let instruction = AVMutableVideoCompositionInstruction()
  23.     instruction.timeRange = CMTimeRange(start: .zero, duration: CMTimeMaximum(asset1.duration, asset2.duration))
  24.     
  25.     let transformer1 = AVMutableVideoCompositionLayerInstruction(assetTrack: compositionTrack1)
  26.     let transformer2 = AVMutableVideoCompositionLayerInstruction(assetTrack: compositionTrack2)
  27.     
  28.     let transform1 = videoTrack1.preferredTransform
  29.     let transform2 = videoTrack2.preferredTransform
  30.     
  31.     transformer1.setTransform(transform1, at: .zero)
  32.     transformer2.setTransform(transform2, at: .zero)
  33.     
  34.     let videoComposition = AVMutableVideoComposition()
  35.     videoComposition.instructions = [instruction]
  36.     videoComposition.frameDuration = CMTime(value: 1, timescale: 30) // Set desired frame rate
  37.     
  38.     // Calculate the output video size
  39.     let videoSize = CGSize(width: videoTrack1.naturalSize.width + videoTrack2.naturalSize.width,
  40.                            height: max(videoTrack1.naturalSize.height, videoTrack2.naturalSize.height))
  41.     videoComposition.renderSize = videoSize
  42.     
  43.     instruction.layerInstructions = [transformer1, transformer2]
  44.     
  45.     guard let exporter = AVAssetExportSession(asset: composition, presetName: AVAssetExportPresetHighestQuality) else {
  46.         completion(false, nil)
  47.         return
  48.     }
  49.     
  50.     exporter.outputURL = outputURL
  51.     exporter.outputFileType = .mp4
  52.     exporter.shouldOptimizeForNetworkUse = true
  53.     exporter.videoComposition = videoComposition
  54.     
  55.     exporter.exportAsynchronously {
  56.         switch exporter.status {
  57.         case .completed:
  58.             print("Completed......")
  59.             DispatchQueue.main.async {
  60.                 guard let url = exporter.outputURL else {return}
  61.                 let objAVPlayerVC = AVPlayerViewController()
  62.                   objAVPlayerVC.player = AVPlayer(url: url)
  63.                   self.present(objAVPlayerVC, animated: true, completion: {() -> Void in
  64.                       objAVPlayerVC.player?.play()
  65.                   })
  66.             }
  67.         case .failed:
  68.             print("Failed......")
  69.         case .cancelled:
  70.             print("Cancelled......")
  71.         default:
  72.             break
  73.         }
  74.     }
  75. }

但在输出视频中，只有一个视频可用，它不会填满屏幕。
我也试过这个库DPVideoMerger但是这个库合并了不同的视频
任何帮助将不胜感激。

ios

1条答案

按热度按时间
5rgfhyps

5rgfhyps1#

你快到了！您的代码只是重叠两个视频轨道，所以最后添加的轨道显示时导出。我们需要在它上面添加一些变换来分离它。
您所需要做的就是在Transformer.setTransform中添加额外的transform，将第一个视频轨道移动到屏幕的左/上半部分，第二个视频轨道移动到屏幕的右/下半部分。
让我们来谈谈左和右的情况。
注意：这可能不是你想要的最终结果，但我们走在正确的道路上。

  1. let transform1 = videoTrack1.preferredTransform
  2. let transform2 = videoTrack2.preferredTransform
  4. let halfWidth = 1080/2   // change for real size
  5. transform1.scaledBy(x: 0.5, y: 0.5)
  6. transform1.translatedBy(x: 0, y: 0) // keep in left half of screen
  8. transform2.scaledBy(x: 0.5, y: 0.5)
  9. transform2.translatedBy(x: halfWidth, y: 0) // move to right half of screen
  11. transformer1.setTransform(transform1, at: .zero)
  12. transformer2.setTransform(transform2, at: .zero)
展开查看全部
赞(0）分享  回复(0）举报  2023-10-21
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com