Swift AVPlayerLayer 视频进度条同步：在 TableViewCell 中实现视频播放和进度条控制

以下是在TableViewCell中放置视频和进度条，并同步它们的步骤：\n\n1. 首先，在TableViewCell的子类中创建一个AVPlayerLayer实例以显示视频。这可以在UITableViewCell的初始化方法中完成。\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n var videoPlayerLayer: AVPlayerLayer!\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // 创建AVPlayerLayer实例\n videoPlayerLayer = AVPlayerLayer()\n videoPlayerLayer.videoGravity = .resizeAspectFill\n contentView.layer.addSublayer(videoPlayerLayer)\n }\n}\n\n\n2. 然后，在自定义的UITableViewCell中添加进度条。可以在UITableViewCell的初始化方法中创建一个UIProgressView实例，并将其添加到contentView上。\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n var videoPlayerLayer: AVPlayerLayer!\n var progressView: UIProgressView!\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // 创建AVPlayerLayer实例\n videoPlayerLayer = AVPlayerLayer()\n videoPlayerLayer.videoGravity = .resizeAspectFill\n contentView.layer.addSublayer(videoPlayerLayer)\n \n // 创建进度条\n progressView = UIProgressView(progressViewStyle: .default)\n progressView.frame = CGRect(x: 0, y: contentView.frame.height - 20, width: 300, height: 10)\n contentView.addSubview(progressView)\n }\n}\n\n\n3. 接下来，设置视频播放器并加载视频。这可以在UITableViewCell的自定义方法中完成，将视频URL作为参数传递。\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n var videoPlayerLayer: AVPlayerLayer!\n var progressView: UIProgressView!\n var player: AVPlayer?\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // 创建AVPlayerLayer实例\n videoPlayerLayer = AVPlayerLayer()\n videoPlayerLayer.videoGravity = .resizeAspectFill\n contentView.layer.addSublayer(videoPlayerLayer)\n \n // 创建进度条\n progressView = UIProgressView(progressViewStyle: .default)\n progressView.frame = CGRect(x: 0, y: contentView.frame.height - 20, width: 300, height: 10)\n contentView.addSubview(progressView)\n }\n \n func configurePlayer(with videoURL: URL) {\n player = AVPlayer(url: videoURL)\n videoPlayerLayer.player = player\n player?.addPeriodicTimeObserver(forInterval: CMTime(value: 1, timescale: 1), queue: DispatchQueue.main) { [weak self] time in\n guard let duration = self?.player?.currentItem?.duration else { return }\n let seconds = CMTimeGetSeconds(time)\n let totalSeconds = CMTimeGetSeconds(duration)\n let progress = Float(seconds / totalSeconds)\n self?.progressView.setProgress(progress, animated: true)\n }\n }\n}\n\n\n4. 最后，实现拖动进度条时的同步操作。这可以通过为progressView添加一个UIPanGestureRecognizer来完成。\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n var videoPlayerLayer: AVPlayerLayer!\n var progressView: UIProgressView!\n var player: AVPlayer?\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // 创建AVPlayerLayer实例\n videoPlayerLayer = AVPlayerLayer()\n videoPlayerLayer.videoGravity = .resizeAspectFill\n contentView.layer.addSublayer(videoPlayerLayer)\n \n // 创建进度条\n progressView = UIProgressView(progressViewStyle: .default)\n progressView.frame = CGRect(x: 0, y: contentView.frame.height - 20, width: 300, height: 10)\n contentView.addSubview(progressView)\n \n // 添加拖动手势识别器\n let panGesture = UIPanGestureRecognizer(target: self, action: #selector(handlePanGesture(_:)))\n progressView.addGestureRecognizer(panGesture)\n }\n \n func configurePlayer(with videoURL: URL) {\n player = AVPlayer(url: videoURL)\n videoPlayerLayer.player = player\n player?.addPeriodicTimeObserver(forInterval: CMTime(value: 1, timescale: 1), queue: DispatchQueue.main) { [weak self] time in\n guard let duration = self?.player?.currentItem?.duration else { return }\n let seconds = CMTimeGetSeconds(time)\n let totalSeconds = CMTimeGetSeconds(duration)\n let progress = Float(seconds / totalSeconds)\n self?.progressView.setProgress(progress, animated: true)\n }\n }\n \n @objc func handlePanGesture(_ gesture: UIPanGestureRecognizer) {\n guard let player = player else { return }\n \n let translation = gesture.translation(in: progressView)\n let progressWidth = progressView.bounds.width\n let progress = Float(translation.x / progressWidth)\n \n switch gesture.state {\n case .began, .changed:\n let totalSeconds = CMTimeGetSeconds(player.currentItem?.duration ?? CMTime.zero)\n let targetTime = CMTime(seconds: Double(progress) * totalSeconds, preferredTimescale: 1)\n player.seek(to: targetTime)\n case .ended:\n player.play()\n default:\n break\n }\n }\n}\n\n\n现在，你可以在UITableView中使用这个自定义的UITableViewCell，并在每个单元格中显示视频和进度条。