ios - 用视频播放器动态替换图像

Question

我的应用程序（Swift 3，带有UIStoryboard）显示一个节目的剧集列表。每当用户点击表格中的某一集时，他/她都会获得一个详细视图，其中显示（从上到下）：

• 剧集的图片
• 标题
• 剧集描述和技术信息

根据用户类型，我们希望有一个视频播放器，而不是显示剧集的图像，这样订阅的人就可以开始观看视频（未订阅的用户只会看到图像）。

根据我们用户的订阅状态，视频播放器应该正在播放内容（订阅）或显示图像（取消订阅）。

有没有办法动态删除图像并将其替换为完全相同位置和尺寸的视频播放器？如果是这样，当前应用于图像的自动布局约束会发生什么？

Answer 1

在情节提要中的UIImageView 顶部放置一个UIView。将其与UIImageView 的所有 4 个边对齐。然后通过设置isHidden属性根据需要隐藏和显示它们。 然后，通过代码在UIView 中插入AVPlayer。

Answer 2

步骤

以下解决方案适用于 UIStoryboard 和代码中的 UI。

1. 在 InterfaceBuilder 中，将首选大小的 UIView 拖到画布上，添加您的自动布局约束并创建一个出口（称为“containerView”）
2. 使用URL 或文件配置AVPlayer，使用播放器初始化AVPlayerLayer 实例并将层添加到containerView's 层层次结构
3. 在容器视图顶部添加UIImageView
4. 根据您的情况，显示/隐藏/停止/播放您的电影和图像

快速代码示例

import UIKit
import AVFoundation

class ViewController: UIViewController {


    // MARK: - Properties

    @IBOutlet var containerView: UIView!
    private var imageView: UIImageView!
    private var isUserSubscribed = true


    // MARK: - Lifecycle

    override func viewDidLoad() {
        super.viewDidLoad()

        // Video
        let url = URL(string: "https://content.jwplatform.com/manifests/vM7nH0Kl.m3u8")!
        let avPlayer = AVPlayer(playerItem: AVPlayerItem(url: url))
        let avPlayerLayer = AVPlayerLayer(player: avPlayer)
        avPlayerLayer.frame = containerView.bounds
        containerView.layer.insertSublayer(avPlayerLayer, at: 0)

        // Image
        imageView = UIImageView(image: UIImage(named: "someImage"))
        imageView.frame = containerView.frame
        containerView.addSubview(imageView)

        // Condition
        if isUserSubscribed {
            imageView.isHidden = true
            avPlayer.play()
        } else {
            imageView.isHidden = false
        }
    }
}

结果

更多选项

使用这种方法，您需要添加自己的播放控件，这基本上归结为添加带有动作的按钮、触发AVPlayer.play()、AVPlayer.stop() 等。