使用Objective-C 视频监控进度条视频回播页面时间轴的自定义滑块

您可以通过使用 AVPlayer 和 AVPlayerLayer 类来实现视频监控进度条和视频回放页面时间轴自定义滑块。下面是一个示例代码片段，演示如何实现：

1.创建一个 AVPlayerLayer，将其添加到您的视图层次结构中，并将其绑定到 AVPlayer。

// 创建 AVPlayer
AVPlayer *player = [AVPlayer playerWithURL:[NSURL URLWithString:@"yourVideoURL"]];
[player play];

// 创建 AVPlayerLayer
AVPlayerLayer *playerLayer = [AVPlayerLayer playerLayerWithPlayer:player];
playerLayer.frame = self.view.bounds;
[self.view.layer addSublayer:playerLayer];

2.创建一个 UISlider，并在滑动滑块时更新 AVPlayer 的当前时间。

// 创建 UISlider
UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(50, 400, 300, 20)];
[slider addTarget:self action:@selector(handleSlider:) forControlEvents:UIControlEventValueChanged];
[self.view addSubview:slider];

// 滑动滑块处理程序
- (void)handleSlider:(UISlider *)slider {
    CMTime videoDuration = player.currentItem.duration;
    double videoDurationSeconds = CMTimeGetSeconds(videoDuration);
    double newTime = videoDurationSeconds * slider.value;
    CMTime time = CMTimeMakeWithSeconds(newTime, player.currentTime.timescale);
    [player seekToTime:time];
}

3.创建一个自定义滑块，并在拖动滑块时更新视频回放页面的时间轴。

// 创建自定义滑块
UIImageView *thumbImageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 30, 30)];
thumbImageView.image = [UIImage imageNamed:@"yourImage"];
[slider setThumbImage:[UIImage new] forState:UIControlStateNormal];
[slider addSubview:thumbImageView];

// 拖动滑块处理程序
- (void)handlePan:(UIPanGestureRecognizer *)gesture {
    if (gesture.state == UIGestureRecognizerStateChanged) {
        CGPoint translation = [gesture translationInView:self.view];
        CGPoint newCenter = CGPointMake(slider.thumbCenter.x + translation.x, slider.thumbCenter.y);
        if (newCenter.x > slider.frame.size.width) {
            newCenter.x = slider.frame.size.width;
        } else if (newCenter.x < 0) {
            newCenter.x = 0;
        }
        slider.thumbCenter = newCenter;
        CMTime videoDuration = player.currentItem.duration;
        double videoDurationSeconds = CMTimeGetSeconds(videoDuration);
        double newTime = videoDurationSeconds * (newCenter.x / slider.frame.size.width);
        CMTime time = CMTimeMakeWithSeconds(newTime, player.currentTime.timescale);
        [player seekToTime:time];
    }
}

希望这可以帮助到您！