[iOS]5 分钟实现抖音 APP

### 5分钟实现抖音风格的无限滑动视频播放器

最近我在研究如何快速实现一个类似抖音的无限滑动视频播放器。抖音的界面设计非常简洁，用户可以通过上下滑动来切换视频，这种体验非常流畅。今天，我想分享一下我的实现过程，希望能给大家带来一些启发。

#### 1. 界面布局与滑动逻辑

首先，我们需要一个竖向滑动的 `UIScrollView`，并在其上添加多个 `UIView`，每个 `UIView` 对应一个视频。为了实现无限滑动的效果，我们需要在用户滑动结束后，将 `UIScrollView` 重置到中间的位置。这样，用户就可以无限地上下滑动，而不会遇到边界。

objective-c

- (void)viewDidAppear:(BOOL)animated {

    [super viewDidAppear:animated];

    self.scrollViewOffsetYOnStartDrag = -100;

    [self scrollViewDidEndScrolling];

}

- (void)scrollViewDidEndScrolling {

    if (self.scrollViewOffsetYOnStartDrag == self.scrollView.contentOffset.y) {

        return;

    }

    CGSize referenceSize = UIScreen.mainScreen.bounds.size;

    [self.scrollView setContentOffset:CGPointMake(0, referenceSize.height) animated:NO];

}

#### 2. 视频播放逻辑

接下来，我们需要在用户滑动结束后开始播放视频。为了实现这一点，我们可以使用 `AVFoundation` 框架中的 `AVPlayer` 来播放视频。我们需要创建一个视频图层，并监听视频的播放状态。

objective-c

- (NSURL *)fetchVideoURL {

    if (self.currentVideoIndex == (self.videoURLs.count - 1)) {

        self.currentVideoIndex = 0;

    }

    NSURL *url = [NSURL URLWithString:self.videoURLs[self.currentVideoIndex]];

    self.currentVideoIndex++;

    return url;

}

- (void)playVideo {

    NSURL *videoURL = [self fetchVideoURL];

    AVPlayer *player = [AVPlayer playerWithURL:videoURL];

    AVPlayerLayer *playerLayer = [AVPlayerLayer playerLayerWithPlayer:player];

    playerLayer.frame = self.videoView.bounds;

    [self.videoView.layer addSublayer:playerLayer];

    [player play];

}

#### 3. 使用 JPVideoPlayer 简化视频播放

虽然 `AVPlayer` 功能强大，但要实现边下边播、进度条、音频处理等功能，代码量会非常大。这时，我们可以使用 `JPVideoPlayer` 这个第三方库来简化我们的工作。

objective-c

[self.videoView jp_playVideoMuteWithURL:[self fetchVideoURL]

                       bufferingIndicator:nil

                              progressView:[JPDouyinProgressView new]

                     configurationCompletion:^(UIView *view, JPVideoPlayerModel *playerModel) {

                         view.jp_muted = NO;

                     }];

通过 `JPVideoPlayer`，我们只需要一行代码就可以实现视频的播放、缓冲、进度条等功能，大大简化了开发流程。

#### 4. 总结

通过以上步骤，我们实现了一个类似抖音的无限滑动视频播放器。虽然最初的思路看起来简单，但实际实现过程中涉及到的细节非常多。幸运的是，借助 `JPVideoPlayer` 这样的第三方库，我们可以大大减少开发时间，专注于提升用户体验。

希望这篇文章对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言讨论。