使用 AVQueuePlayer 时如何在视频之间添加过渡？

Question

我正在开发一个视频应用程序，它可以一个接一个地播放多个视频。视频存储在AVPlayerItems 的数组中。 AVQueuePlayer 使用 AVPlayerItems 初始化，它会自动播放该数组中的视频。

问题在于，当它更改为播放下一个视频时，它会卡住几分之一秒，或者在从一个视频转换到另一个视频时产生抖动。我想在视频更改时使用某种动画（例如淡入和淡出）来改进这种过渡。

我的AVQueuePlayer代码：

AVQueuePlayer *mediaPlayer = [[AVQueuePlayer alloc] initWithItems:arrPlayerItems];
playerLayer=[AVPlayerLayer playerLayerWithPlayer:mediaPlayer];
playerLayer.frame=self.bounds;
playerLayer.videoGravity = AVLayerVideoGravityResizeAspect;
playerLayer.needsDisplayOnBoundsChange = NO;
[self.layer addSublayer:playerLayer];
self.layer.needsDisplayOnBoundsChange = YES;

[[NSNotificationCenter defaultCenter] addObserver:self
                                         selector:@selector(itemPlayEnded:)
                                             name:AVPlayerItemDidPlayToEndTimeNotification
                                           object:[mediaPlayer currentItem]];

我尝试在过渡时创建一个新图层并通过降低其不透明度并增加新图层的不透明度来为旧图层设置动画（以创建所需的淡入淡出效果），但它不起作用根据需要。

自定义过渡的代码：

-(void)TransitionInVideos {
    if (roundf(CMTimeGetSeconds(mediaPlayer.currentTime))==roundf(CMTimeGetSeconds(mediaPlayer.currentItem.duration))) {
        [self.layer addSublayer:playerLayerTmp];

        //Animation for the transition between videos
        [self performSelector:@selector(FadeIn) withObject:nil afterDelay:0.3];
        [self performSelector:@selector(FadeOut) withObject:nil afterDelay:0.3];
    }
}

-(void)FadeIn {
    CABasicAnimation* fadeAnim = [CABasicAnimation animationWithKeyPath:@"opacity"];
    fadeAnim.fromValue = [NSNumber numberWithFloat:1.0];
    fadeAnim.toValue = [NSNumber numberWithFloat:0.0];
    fadeAnim.duration = 2.0;
    [playerLayer addAnimation:fadeAnim forKey:@"opacity"];
    [self performSelector:@selector(HideLayer) withObject:nil afterDelay:2.0];
}

-(void)FadeOut {
    CABasicAnimation* fadeAnim = [CABasicAnimation animationWithKeyPath:@"opacity"];
    fadeAnim.fromValue = [NSNumber numberWithFloat:0.0];
    fadeAnim.toValue = [NSNumber numberWithFloat:1.0];
    fadeAnim.duration = 1.0;
    [playerLayerTmp addAnimation:fadeAnim forKey:@"opacity"];
    [self performSelector:@selector(ShowLayer) withObject:nil afterDelay:1.0];
}

-(void)HideLayer {
    playerLayer.opacity=0.0;
}

-(void)ShowLayer {
    playerLayerTmp.opacity=1.0;
}

如何将过渡应用于AVQueuePlayer 中的视频？

Answer 1

我们可以为AVMutableVideoCompositionLayerInstruction 设置不透明度，将在导出时添加到视频或AVPlayer 作为 VideoComposition 属性，这将创建淡入和淡出效果。

 [layerInstruction setOpacityRampFromStartOpacity:1.0 toEndOpacity:0.0 timeRange:CMTimeRangeMake(CMTimeSubtract([mutableComposition duration], CMTimeMake(Transition_Time, 1)), [mutableComposition duration])];

 [layerInstruction setOpacityRampFromStartOpacity:0.0 toEndOpacity:1.0 timeRange:CMTimeRangeMake(kCMTimeZero, CMTimeMake(1, 1))];

这是产生效果的代码。

---

更完整的例子：

• https://developer.apple.com/library/content/samplecode/avloopplayer/Introduction/Intro.html
• https://www.raywenderlich.com/30200/avfoundation-tutorial-adding-overlays-and-animations-to-videos

Answer 2

我们的一个应用程序中遇到了完全相同的问题 - 不幸的是，我们不得不放弃标准播放器并使用此示例中的逻辑：

https://developer.apple.com/library/ios/samplecode/StitchedStreamPlayer/Listings/Classes_MyStreamingMovieViewController_m.html#//apple_ref/doc/uid/DTS40010092-Classes_MyStreamingMovieViewController_m-DontLinkElementID_8

希望有帮助。

Answer 3

我能够通过使用两个单独的 AVPlayer 对象背靠背播放来达到预期的效果。玩家正在使用不同的视图进行游戏。

这个想法是在第一个视频结束之前淡入第二个视频播放器的视图。

演示项目可以在这里找到：IHLoopingVideoPlayerView

它一遍又一遍地循环播放相同的视频，但相同的想法可以应用于任意数量的视频。