Swift AVPlayerLayer 视频进度条 实时同步控制 - TableViewCell 内置视频播放器

要在TableViewCell中放置视频和进度条并实现同步控制，您可以按照以下步骤进行操作：\n\n1. 首先，在TableViewCell的初始化方法中创建AVPlayer和AVPlayerLayer，并将AVPlayerLayer添加到cell的layer中，以显示视频内容。代码如下：\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n var player: AVPlayer?\n var playerLayer: AVPlayerLayer?\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // 创建AVPlayer\n player = AVPlayer()\n \n // 创建AVPlayerLayer\n playerLayer = AVPlayerLayer(player: player)\n playerLayer?.frame = contentView.bounds\n contentView.layer.addSublayer(playerLayer!)\n }\n \n required init?(coder aDecoder: NSCoder) {\n fatalError("init(coder:) has not been implemented")\n }\n}\n\n\n2. 然后，在TableViewCell中添加一个UIProgressView作为进度条，并将其放置在底部距离20的位置，宽度为300。代码如下：\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n // ...\n var progressView: UIProgressView?\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // ...\n \n // 创建进度条\n progressView = UIProgressView(progressViewStyle: .default)\n progressView?.frame = CGRect(x: 10, y: contentView.bounds.height - 20, width: 300, height: 10)\n contentView.addSubview(progressView!)\n }\n \n // ...\n}\n\n\n3. 接下来，为进度条添加一个拖动手势，当拖动进度条时，更新视频播放的进度。代码如下：\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n // ...\n \n override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {\n super.init(style: style, reuseIdentifier: reuseIdentifier)\n \n // ...\n \n // 创建进度条\n progressView = UIProgressView(progressViewStyle: .default)\n progressView?.frame = CGRect(x: 10, y: contentView.bounds.height - 20, width: 300, height: 10)\n contentView.addSubview(progressView!)\n \n // 添加拖动手势\n let panGesture = UIPanGestureRecognizer(target: self, action: #selector(handleProgressSliderPan(_:)))\n progressView?.addGestureRecognizer(panGesture)\n }\n \n // 拖动手势处理方法\n @objc func handleProgressSliderPan(_ gesture: UIPanGestureRecognizer) {\n guard let progressView = progressView else {\n return\n }\n \n switch gesture.state {\n case .began:\n // 暂停视频播放\n player?.pause()\n case .changed:\n // 根据拖动位置计算进度条的value值\n let translation = gesture.translation(in: progressView)\n let progress = max(0, min(Float(translation.x / progressView.bounds.width), 1))\n \n // 更新进度条的value值\n progressView.progress = progress\n \n // 计算拖动位置对应的视频播放时间\n let duration = player?.currentItem?.duration.seconds ?? 0\n let currentTime = duration * Double(progress)\n \n // 跳转到对应的视频播放时间\n player?.seek(to: CMTime(seconds: currentTime, preferredTimescale: 1))\n case .ended:\n // 继续视频播放\n player?.play()\n default:\n break\n }\n }\n \n // ...\n}\n\n\n4. 最后，您需要在TableViewCell的数据源方法中设置视频的URL，并在视频加载完成后开始播放。代码如下：\n\nswift\nclass CustomTableViewCell: UITableViewCell {\n // ...\n \n func configure(with videoURL: URL) {\n // 创建AVPlayerItem\n let playerItem = AVPlayerItem(url: videoURL)\n \n // 监听视频加载完成的通知\n NotificationCenter.default.addObserver(self, selector: #selector(handlePlayerItemDidReachEnd(_:)), name: .AVPlayerItemDidPlayToEndTime, object: playerItem)\n \n // 设置AVPlayer的AVPlayerItem\n player?.replaceCurrentItem(with: playerItem)\n \n // 开始播放视频\n player?.play()\n }\n \n // 视频播放完成的通知处理方法\n @objc func handlePlayerItemDidReachEnd(_ notification: Notification) {\n // 重新开始播放\n player?.seek(to: CMTime.zero)\n player?.play()\n }\n \n // ...\n}\n\n\n通过以上步骤，您可以在TableViewCell中放置视频和进度条，并实现视频和进度条的同步控制。\n\n