Databases
StackOverflow2013
Postsdbo
POHow to add transition between videos when using AVQueuePlayer?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to add transition between videos when using AVQueuePlayer?
    primarykey
    data
    text
    <p>I am working on a video application that plays a number of videos one after another. The videos are stored in an array of <code>AVPlayerItem</code>s. <code>AVQueuePlayer</code> is initialized with those <code>AVPlayerItems</code> and it automatically plays the videos from that array.</p> <p>The issue is when it changes to play the next video it gets stuck for a fraction of a second or it creates a jerk at the time it transitions from one to another. I want to improve this transition with some kind of animation such as Fade In and Fade Out while the video is changed.</p> <p>My code for <code>AVQueuePlayer</code>:</p> <pre><code>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]]; </code></pre> <p>I tried to create a new layer at the time of the transition and animate the old layer by decreasing its opacity and increasing the opacity of the new layer (to create the desired fade in fade out effect), but it is not working as desired.</p> <p>The code for the custom transition:</p> <pre><code>-(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; } </code></pre> <p>How can a transition be applied to videos in the <code>AVQueuePlayer</code>?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJoey
    1. USParvez Belim
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to add transition between videos when using AVQueuePlayer?
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POHow to add transition between videos when using AVQueuePlayer?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to add transition between videos when using AVQueuePlayer?
      1. USParvez Belim
      1. VTBountyStart
    1. COI want that same If you found your solution then post here It will help others.
      singulars
      1. POHow to add transition between videos when using AVQueuePlayer?
      1. USAnand Suthar
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload