[Swift通天遁地]八、媒体与动画-(3)实现视频播放的水印、Overlay、暂停时插入广告等效果

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（shanqingyongzhi）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https://www.cnblogs.com/strengthen/p/10353810.html 
➤如果链接不是山青咏芝的博客园地址，则可能是爬取作者的文章。
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

目录：[Swift]通天遁地Swift

本文将演示使用第三方类库实现视频视频播放的水印、Overlay、暂停时插入广告等效果。

首先确保在项目中，已经安装了所需的第三方类库，点击查看安装的配置文件。

platform :ios, '8.0'
use_frameworks!

target 'DemoApp' do
    source 'https://github.com/CocoaPods/Specs.git'
    pod 'MobilePlayer'
end

根据配置文件中的相关设置，安装第三方类库。

完成安装之后，双击打开项目文件【DemoApp.xcworkspace】

往项目中导入了一个视频文件，以及一张图片文件，作为视频播放器等水印视图。

第三方类库允许开发者使用配置文件【MovielalaPlayer】,

通过配置文件可以调整播放器等各个细节。

依次创建几个自定义的播放器类文件。

在项目文件夹上点击鼠标右键，弹出右键菜单。

【New File】->【Cocoa Touch】->【Next】->

【Class】：OverlayViewController

【Subclass of】:MobilePlayerOverlayViewController

【Language】：Swift

->【Create】

在类【OverlayViewController.swift】创建一个包含浮动视图的视频播放器

import UIKit
//引入已经安装的第三方类库
import MobilePlayer

class OverlayViewController: MobilePlayerOverlayViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        
        //初始化一个指定显示区域的视图对象，
        //该视图对象将浮动显示在视频播放器的上方。
        let viewBg = UIView(frame: CGRect(x: 0, y: 0,  160, height: 60))
        //设置视图对象的背景颜色为橙色
        viewBg.backgroundColor = UIColor.orange
        //层的不透明度为0.5
        viewBg.layer.opacity = 0.5
        
        //初始化一个指定显示区域的标签控件。
        let label = UILabel(frame: CGRect(x: 0, y: 0,  160, height: 30))
        //设置标签的文字内容。
        label.text = "MobilePlayerOverlay"
        //设置标签的字体颜色。
        label.textColor = UIColor.white
        //设置标签的文字对齐方式为剧中。
        label.textAlignment = .center
        //设置标签的字体属性
        label.font = UIFont(name: "Arial", size: 14)
        //将标签添加到根视图
        self.view.addSubview(label)
        //将浮动视图添加到根视图
        self.view.addSubview(viewBg)
        
        //初始化一个按钮控件
        let btn = UIButton(frame: CGRect(x: 40, y: 35,  80, height: 20))
        //设置按钮在正常状态下的标题文字
        btn.setTitle("Message", for: .normal)
        //设置按钮的背景颜色为紫色
        btn.backgroundColor = UIColor.purple
        //设置按钮上的文字的字体属性
        btn.titleLabel?.font = UIFont(name: "Arial", size: 14)
        //给按钮绑定点击事件
        btn.addTarget(self, action: #selector(OverlayViewController.btnPressed(_:)), for: .touchUpInside)
        
        //将按钮添加到根视图
        self.view.addSubview(btn)
    }
    
    //添加一个方法，用来响应按钮的点击事件
    @objc func btnPressed(_ btn:UIButton)
    {
        print("Button pressed.")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

在项目文件夹上点击鼠标右键，弹出右键菜单。

【New File】->【Cocoa Touch】->【Next】->

【Class】：PauseOverlayViewController

【Subclass of】:MobilePlayerOverlayViewController

【Language】：Swift

->【Create】

在类【PauseOverlayViewController.swift】创建一个包含暂停视图的视频播放器，

当用户点击播放器按钮时，显示该视图。

import UIKit
//引入已经安装的第三方类库
import MobilePlayer

class PauseOverlayViewController: MobilePlayerOverlayViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        
        //初始化一个指定显示区域的视图对象
        let viewBg = UIView(frame: CGRect(x:0, y: 0,  280, height: 120))
        //设置视图对象的背景颜色为黑色
        viewBg.backgroundColor = UIColor.black
        //设置视图对象中心点的位置
        viewBg.center = CGPoint(x:284, y:100)
        //设置视图层的不透明度为0.75
        viewBg.layer.opacity = 0.75
        
        //初始化一个和视图对象相同显示区域的标签视图
        let label = UILabel(frame: CGRect(x: 0, y: 0,  280, height: 120))
        //设置标签的文字内容
        label.text = "Your Ad here"
        //设置标签的文字的颜色
        label.textColor = UIColor.white
        //将标签放置在和视图对象相同的位置，
        label.center = CGPoint(x:284, y:100)
        //并设置标签的文字对齐方式为居中。
        label.textAlignment = .center
        //设置标签的字体属性，将标签添加到根视图。
        label.font = UIFont(name: "Arial", size: 36)
        //最后将标签对象添加到根视图
        self.view.addSubview(label)
         //最后将视图对象添加到根视图
        self.view.addSubview(viewBg)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

在左侧的项目导航区，打开视图控制器的代码文件【ViewController.swift】

现在开始编写代码，依次实现各种风格的视频控制器。

import UIKit
//引入已经安装的第三方类库
import MobilePlayer

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //添加一个按钮，当用户点击该按钮时，弹出视频播放器窗口。
        let btn = UIButton(frame: CGRect(x: 0, y: 0,  280, height: 40))
        //将按钮添加到根视图的中心位置
        btn.center = self.view.center
        //设置按钮的背景颜色为橙色
        btn.backgroundColor = UIColor.orange
        //设置按钮在正常状态下的标题文字
        btn.setTitle("Play", for: .normal)
        //给按钮控件绑定点击事件
        btn.addTarget(self, action: #selector(ViewController.playVideo(_:)), for: .touchUpInside)
        
        //将按钮控件添加到根视图
        self.view.addSubview(btn)
    }

    //添加一个方法，用来响应按钮的点击事件
    @objc func playVideo(_ btn:UIButton)
    {
        //当按钮被点击时，将首先创建一个拥有水印的视频播放器
        watermarkExample()
        
        //修改方法名称
        //对视频播放器的外观进行设置
         AdvancedConfigExample()
        //创建一个包含悬浮视图的播放器。
         showingOverlays()
        //为播放器添加一个自定义的暂停页面
        pauseOverlay()
    }
    
    //添加一个方法，用来创建一个包含水印的视频播放器
    func watermarkExample()
    {
        //获得项目中视频文件的路径
        let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
        //将路径转换成网址对象
        let movieUrl = URL(fileURLWithPath: path!)
        
        //初始化一个视频播放器视图控制器对象，并设置视频文件的路径，
        //同时创建一个字典对象，设置播放器的水印图片。
        let playerVC = MobilePlayerViewController(contentURL: movieUrl, config: MobilePlayerConfig(
            dictionary: ["watermark": ["image": "coolketang"]]), prerollViewController: nil, pauseOverlayViewController: nil, postrollViewController: nil)
        //调用播放器对象的填充视频方法，将视频填充播放器的视图
        playerVC.fillVideo()
        //设置视频播放器的标题文字
        playerVC.title = "Strengthen - 1"
        //设置播放器的视频播放列表
        playerVC.activityItems = [movieUrl]
        
        //在当前的视图控制器，打开视图播放器窗口。
        presentMoviePlayerViewControllerAnimated(playerVC)
    }
    
     //添加一个方法，使用配置文件，对视频播放器的外观进行设置。
    //如包含分享图标。
    func AdvancedConfigExample()
    {
        //获取项目中的视频文件的路径
        let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
        //将路径转换成一个网址对象
        let videoURL = URL(fileURLWithPath: path!)
        
        //获得项目的主路径
        let bundle = Bundle.main
        //加载指定位置的配置文件，
        //并创建一个视频播放器配置对象。
        let config = MobilePlayerConfig(fileURL: bundle.url(
            forResource: "MovielalaPlayer", withExtension: "json")!)
        //使用配置文件，初始化一个视频播放器视图控制器对象。
        let playerVC = MobilePlayerViewController(
            contentURL: videoURL, config: config)
        
        //设置视频播放器的标题文字
        playerVC.title = "Strengthen - 2"
        //设置播放器的视频播放列表
        playerVC.activityItems = [videoURL]
        
        //在当前的视图控制器，打开视频播放器窗口
        presentMoviePlayerViewControllerAnimated(playerVC)
    }
    
    //添加一个方法，创建一个包含悬浮视图的播放器。
    func showingOverlays()
    {
        //获得项目中视频文件的路径
        let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
        //将路径转换成一个网址对象
        let videoURL = URL(fileURLWithPath: path!)
        
        //使用指定的视频路径，初始化一个视频播放器
        let playerVC = MobilePlayerViewController(contentURL: videoURL)
        //设置视频播放器的标题文字
        playerVC.title = "Strengthen - 3"
        //设置播放器的视频播放列表
        playerVC.activityItems = [videoURL]
        //在当前的视图控制器打开视频播放器窗口
        presentMoviePlayerViewControllerAnimated(playerVC)
        
        //在视频播放2秒之后，在播放器的上方，显示一个悬浮视图控制器，并持续4秒。
        playerVC.showOverlayViewController(OverlayViewController(), startingAtTime: 2, forDuration: 4)
    }
    
     //添加一个方法，为播放器添加一个自定义的暂停页面。
    //可以在视频播放的暂停页面，添加一些滚动的广告内容。
    func pauseOverlay()
    {
        //获得项目中视频文件的路径
        let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
         //将路径转换成一个网址对象
        let videoURL = URL(fileURLWithPath: path!)
        
        //使用指定的视频路径，初始化一个视频播放器，
        //并设置播放器的暂停页面，
        //该暂停页面就是自定义的一个视图控制器。
        let playerVC = MobilePlayerViewController(
            contentURL: videoURL,
            pauseOverlayViewController: PauseOverlayViewController())
        //设置视频播放器的标题文字
        playerVC.title = "Strengthen"
        //设置播放器的视频播放列表
        playerVC.activityItems = [videoURL]
        
        //在当前的视图控制器打开视频播放器窗口
        presentMoviePlayerViewControllerAnimated(playerVC)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}