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

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

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

1 platform :ios, '8.0'
2 use_frameworks!
3 
4 target 'DemoApp' do
5     source 'https://github.com/CocoaPods/Specs.git'
6     pod 'MobilePlayer'
7 end

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

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

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

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

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

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

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

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

【Class】:OverlayViewController

【Subclass of】:MobilePlayerOverlayViewController

【Language】:Swift

->【Create】

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

 1 import UIKit
 2 //引入已经安装的第三方类库
 3 import MobilePlayer
 4 
 5 class OverlayViewController: MobilePlayerOverlayViewController {
 6 
 7     override func viewDidLoad() {
 8         super.viewDidLoad()
 9 
10         // Do any additional setup after loading the view.
11         
12         //初始化一个指定显示区域的视图对象,
13         //该视图对象将浮动显示在视频播放器的上方。
14         let viewBg = UIView(frame: CGRect(x: 0, y: 0, width: 160, height: 60))
15         //设置视图对象的背景颜色为橙色
16         viewBg.backgroundColor = UIColor.orange
17         //层的不透明度为0.5
18         viewBg.layer.opacity = 0.5
19         
20         //初始化一个指定显示区域的标签控件。
21         let label = UILabel(frame: CGRect(x: 0, y: 0, width: 160, height: 30))
22         //设置标签的文字内容。
23         label.text = "MobilePlayerOverlay"
24         //设置标签的字体颜色。
25         label.textColor = UIColor.white
26         //设置标签的文字对齐方式为剧中。
27         label.textAlignment = .center
28         //设置标签的字体属性
29         label.font = UIFont(name: "Arial", size: 14)
30         //将标签添加到根视图
31         self.view.addSubview(label)
32         //将浮动视图添加到根视图
33         self.view.addSubview(viewBg)
34         
35         //初始化一个按钮控件
36         let btn = UIButton(frame: CGRect(x: 40, y: 35, width: 80, height: 20))
37         //设置按钮在正常状态下的标题文字
38         btn.setTitle("Message", for: .normal)
39         //设置按钮的背景颜色为紫色
40         btn.backgroundColor = UIColor.purple
41         //设置按钮上的文字的字体属性
42         btn.titleLabel?.font = UIFont(name: "Arial", size: 14)
43         //给按钮绑定点击事件
44         btn.addTarget(self, action: #selector(OverlayViewController.btnPressed(_:)), for: .touchUpInside)
45         
46         //将按钮添加到根视图
47         self.view.addSubview(btn)
48     }
49     
50     //添加一个方法,用来响应按钮的点击事件
51     @objc func btnPressed(_ btn:UIButton)
52     {
53         print("Button pressed.")
54     }
55 
56     override func didReceiveMemoryWarning() {
57         super.didReceiveMemoryWarning()
58         // Dispose of any resources that can be recreated.
59     }
60 }

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

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

【Class】:PauseOverlayViewController

【Subclass of】:MobilePlayerOverlayViewController

【Language】:Swift

->【Create】

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

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

 1 import UIKit
 2 //引入已经安装的第三方类库
 3 import MobilePlayer
 4 
 5 class PauseOverlayViewController: MobilePlayerOverlayViewController {
 6 
 7     override func viewDidLoad() {
 8         super.viewDidLoad()
 9 
10         // Do any additional setup after loading the view.
11         
12         //初始化一个指定显示区域的视图对象
13         let viewBg = UIView(frame: CGRect(x:0, y: 0, width: 280, height: 120))
14         //设置视图对象的背景颜色为黑色
15         viewBg.backgroundColor = UIColor.black
16         //设置视图对象中心点的位置
17         viewBg.center = CGPoint(x:284, y:100)
18         //设置视图层的不透明度为0.75
19         viewBg.layer.opacity = 0.75
20         
21         //初始化一个和视图对象相同显示区域的标签视图
22         let label = UILabel(frame: CGRect(x: 0, y: 0, width: 280, height: 120))
23         //设置标签的文字内容
24         label.text = "Your Ad here"
25         //设置标签的文字的颜色
26         label.textColor = UIColor.white
27         //将标签放置在和视图对象相同的位置,
28         label.center = CGPoint(x:284, y:100)
29         //并设置标签的文字对齐方式为居中。
30         label.textAlignment = .center
31         //设置标签的字体属性,将标签添加到根视图。
32         label.font = UIFont(name: "Arial", size: 36)
33         //最后将标签对象添加到根视图
34         self.view.addSubview(label)
35          //最后将视图对象添加到根视图
36         self.view.addSubview(viewBg)
37     }
38 
39     override func didReceiveMemoryWarning() {
40         super.didReceiveMemoryWarning()
41         // Dispose of any resources that can be recreated.
42     }
43 }

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

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

  1 import UIKit
  2 //引入已经安装的第三方类库
  3 import MobilePlayer
  4 
  5 class ViewController: UIViewController {
  6 
  7     override func viewDidLoad() {
  8         super.viewDidLoad()
  9         // Do any additional setup after loading the view, typically from a nib.
 10         
 11         //添加一个按钮,当用户点击该按钮时,弹出视频播放器窗口。
 12         let btn = UIButton(frame: CGRect(x: 0, y: 0, width: 280, height: 40))
 13         //将按钮添加到根视图的中心位置
 14         btn.center = self.view.center
 15         //设置按钮的背景颜色为橙色
 16         btn.backgroundColor = UIColor.orange
 17         //设置按钮在正常状态下的标题文字
 18         btn.setTitle("Play", for: .normal)
 19         //给按钮控件绑定点击事件
 20         btn.addTarget(self, action: #selector(ViewController.playVideo(_:)), for: .touchUpInside)
 21         
 22         //将按钮控件添加到根视图
 23         self.view.addSubview(btn)
 24     }
 25 
 26     //添加一个方法,用来响应按钮的点击事件
 27     @objc func playVideo(_ btn:UIButton)
 28     {
 29         //当按钮被点击时,将首先创建一个拥有水印的视频播放器
 30         watermarkExample()
 31         
 32         //修改方法名称
 33         //对视频播放器的外观进行设置
 34          AdvancedConfigExample()
 35         //创建一个包含悬浮视图的播放器。
 36          showingOverlays()
 37         //为播放器添加一个自定义的暂停页面
 38         pauseOverlay()
 39     }
 40     
 41     //添加一个方法,用来创建一个包含水印的视频播放器
 42     func watermarkExample()
 43     {
 44         //获得项目中视频文件的路径
 45         let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
 46         //将路径转换成网址对象
 47         let movieUrl = URL(fileURLWithPath: path!)
 48         
 49         //初始化一个视频播放器视图控制器对象,并设置视频文件的路径,
 50         //同时创建一个字典对象,设置播放器的水印图片。
 51         let playerVC = MobilePlayerViewController(contentURL: movieUrl, config: MobilePlayerConfig(
 52             dictionary: ["watermark": ["image": "coolketang"]]), prerollViewController: nil, pauseOverlayViewController: nil, postrollViewController: nil)
 53         //调用播放器对象的填充视频方法,将视频填充播放器的视图
 54         playerVC.fillVideo()
 55         //设置视频播放器的标题文字
 56         playerVC.title = "Strengthen - 1"
 57         //设置播放器的视频播放列表
 58         playerVC.activityItems = [movieUrl]
 59         
 60         //在当前的视图控制器,打开视图播放器窗口。
 61         presentMoviePlayerViewControllerAnimated(playerVC)
 62     }
 63     
 64      //添加一个方法,使用配置文件,对视频播放器的外观进行设置。
 65     //如包含分享图标。
 66     func AdvancedConfigExample()
 67     {
 68         //获取项目中的视频文件的路径
 69         let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
 70         //将路径转换成一个网址对象
 71         let videoURL = URL(fileURLWithPath: path!)
 72         
 73         //获得项目的主路径
 74         let bundle = Bundle.main
 75         //加载指定位置的配置文件,
 76         //并创建一个视频播放器配置对象。
 77         let config = MobilePlayerConfig(fileURL: bundle.url(
 78             forResource: "MovielalaPlayer", withExtension: "json")!)
 79         //使用配置文件,初始化一个视频播放器视图控制器对象。
 80         let playerVC = MobilePlayerViewController(
 81             contentURL: videoURL, config: config)
 82         
 83         //设置视频播放器的标题文字
 84         playerVC.title = "Strengthen - 2"
 85         //设置播放器的视频播放列表
 86         playerVC.activityItems = [videoURL]
 87         
 88         //在当前的视图控制器,打开视频播放器窗口
 89         presentMoviePlayerViewControllerAnimated(playerVC)
 90     }
 91     
 92     //添加一个方法,创建一个包含悬浮视图的播放器。
 93     func showingOverlays()
 94     {
 95         //获得项目中视频文件的路径
 96         let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
 97         //将路径转换成一个网址对象
 98         let videoURL = URL(fileURLWithPath: path!)
 99         
100         //使用指定的视频路径,初始化一个视频播放器
101         let playerVC = MobilePlayerViewController(contentURL: videoURL)
102         //设置视频播放器的标题文字
103         playerVC.title = "Strengthen - 3"
104         //设置播放器的视频播放列表
105         playerVC.activityItems = [videoURL]
106         //在当前的视图控制器打开视频播放器窗口
107         presentMoviePlayerViewControllerAnimated(playerVC)
108         
109         //在视频播放2秒之后,在播放器的上方,显示一个悬浮视图控制器,并持续4秒。
110         playerVC.showOverlayViewController(OverlayViewController(), startingAtTime: 2, forDuration: 4)
111     }
112     
113      //添加一个方法,为播放器添加一个自定义的暂停页面。
114     //可以在视频播放的暂停页面,添加一些滚动的广告内容。
115     func pauseOverlay()
116     {
117         //获得项目中视频文件的路径
118         let path = Bundle.main.path(forResource: "movie", ofType: "mp4")
119          //将路径转换成一个网址对象
120         let videoURL = URL(fileURLWithPath: path!)
121         
122         //使用指定的视频路径,初始化一个视频播放器,
123         //并设置播放器的暂停页面,
124         //该暂停页面就是自定义的一个视图控制器。
125         let playerVC = MobilePlayerViewController(
126             contentURL: videoURL,
127             pauseOverlayViewController: PauseOverlayViewController())
128         //设置视频播放器的标题文字
129         playerVC.title = "Strengthen"
130         //设置播放器的视频播放列表
131         playerVC.activityItems = [videoURL]
132         
133         //在当前的视图控制器打开视频播放器窗口
134         presentMoviePlayerViewControllerAnimated(playerVC)
135     }
136     
137     override func didReceiveMemoryWarning() {
138         super.didReceiveMemoryWarning()
139         // Dispose of any resources that can be recreated.
140     }
141 }

 

原文地址:https://www.cnblogs.com/strengthen/p/10353810.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


软件简介:蓝湖辅助工具,减少移动端开发中控件属性的复制和粘贴.待开发的功能:1.支持自动生成约束2.开发设置页面3.做一个浏览器插件,支持不需要下载整个工程,可即时操作当前蓝湖浏览页面4.支持Flutter语言模板生成5.支持更多平台,如Sketch等6.支持用户自定义语言模板
现实生活中,我们听到的声音都是时间连续的,我们称为这种信号叫模拟信号。模拟信号需要进行数字化以后才能在计算机中使用。目前我们在计算机上进行音频播放都需要依赖于音频文件。那么音频文件如何生成的呢?音频文件的生成过程是将声音信息采样、量化和编码产生的数字信号的过程,我们人耳所能听到的声音频率范围为(20Hz~20KHz),因此音频文件格式的最大带宽是20KHZ。根据奈奎斯特的理论,音频文件的采样率一般在40~50KHZ之间。奈奎斯特采样定律,又称香农采样定律。...............
前言最近在B站上看到一个漂亮的仙女姐姐跳舞视频,循环看了亿遍又亿遍,久久不能离开!看着小仙紫姐姐的蹦迪视频,除了一键三连还能做什么?突发奇想,能不能把舞蹈视频转成代码舞呢?说干就干,今天就手把手教大家如何把跳舞视频转成代码舞,跟着仙女姐姐一起蹦起来~视频来源:【紫颜】见过仙女蹦迪吗 【千盏】一、核心功能设计总体来说,我们需要分为以下几步完成:从B站上把小姐姐的视频下载下来对视频进行截取GIF,把截取的GIF通过ASCII Animator进行ASCII字符转换把转换的字符gif根据每
【Android App】实战项目之仿抖音的短视频分享App(附源码和演示视频 超详细必看)
前言这一篇博客应该是我花时间最多的一次了,从2022年1月底至2022年4月底。我已经将这篇博客的内容写为论文,上传至arxiv:https://arxiv.org/pdf/2204.10160.pdf欢迎大家指出我论文中的问题,特别是语法与用词问题在github上,我也上传了完整的项目:https://github.com/Whiffe/Custom-ava-dataset_Custom-Spatio-Temporally-Action-Video-Dataset关于自定义ava数据集,也是后台
因为我既对接过session、cookie,也对接过JWT,今年因为工作需要也对接了gtoken的2个版本,对这方面的理解还算深入。尤其是看到官方文档评论区又小伙伴表示看不懂,所以做了这期视频内容出来:视频在这里:本期内容对应B站的开源视频因为涉及的知识点比较多,视频内容比较长。如果你觉得看视频浪费时间,可以直接阅读源码:goframe v2版本集成gtokengoframe v1版本集成gtokengoframe v2版本集成jwtgoframe v2版本session登录官方调用示例文档jwt和sess
【Android App】实战项目之仿微信的私信和群聊App(附源码和演示视频 超详细必看)
用Android Studio的VideoView组件实现简单的本地视频播放器。本文将讲解如何使用Android视频播放器VideoView组件来播放本地视频和网络视频,实现起来还是比较简单的。VideoView组件的作用与ImageView类似,只是ImageView用于显示图片,VideoView用于播放视频。...
采用MATLAB对正弦信号,语音信号进行生成、采样和内插恢复,利用MATLAB工具箱对混杂噪声的音频信号进行滤波
随着移动互联网、云端存储等技术的快速发展,包含丰富信息的音频数据呈现几何级速率增长。这些海量数据在为人工分析带来困难的同时,也为音频认知、创新学习研究提供了数据基础。在本节中,我们通过构建生成模型来生成音频序列文件,从而进一步加深对序列数据处理问题的了解。
基于yolov5+deepsort+slowfast算法的视频实时行为检测。1. yolov5实现目标检测,确定目标坐标 2. deepsort实现目标跟踪,持续标注目标坐标 3. slowfast实现动作识别,并给出置信率 4. 用框持续框住目标,并将动作类别以及置信度显示在框上
数字电子钟设计本文主要完成数字电子钟的以下功能1、计时功能(24小时)2、秒表功能(一个按键实现开始暂停,另一个按键实现清零功能)3、闹钟功能(设置闹钟以及到时响10秒)4、校时功能5、其他功能(清零、加速、星期、八位数码管显示等)前排提示:前面几篇文章介绍过的内容就不详细介绍了,可以看我专栏的前几篇文章。PS.工程文件放在最后面总体设计本次设计主要是在前一篇文章 数字电子钟基本功能的实现 的基础上改编而成的,主要结构不变,分频器将50MHz分为较低的频率备用;dig_select
1.进入官网下载OBS stdioOpen Broadcaster Software | OBS (obsproject.com)2.下载一个插件,拓展OBS的虚拟摄像头功能链接:OBS 虚拟摄像头插件.zip_免费高速下载|百度网盘-分享无限制 (baidu.com)提取码:6656--来自百度网盘超级会员V1的分享**注意**该插件必须下载但OBS的根目录(应该是自动匹配了的)3.打开OBS,选中虚拟摄像头选择启用在底部添加一段视频录制选择下面,进行录制.
Meta公司在9月29日首次推出一款人工智能系统模型:Make-A-Video,可以从给定的文字提示生成短视频。基于**文本到图像生成技术的最新进展**,该技术旨在实现文本到视频的生成,可以仅用几个单词或几行文本生成异想天开、独一无二的视频,将无限的想象力带入生活
音频信号叠加噪声及滤波一、前言二、信号分析及加噪三、滤波去噪四、总结一、前言之前一直对硬件上的内容比较关注,但是可能是因为硬件方面的东西可能真的是比较杂,而且需要渗透的东西太多了,所以学习进展比较缓慢。因为也很少有单纯的硬件学习研究,总是会伴随着各种理论需要硬件做支撑,所以还是想要慢慢接触理论学习。但是之前总找不到切入点,不知道从哪里开始,就一直拖着。最近稍微接触了一点信号处理,就用这个当作切入点,开始接触理论学习。二、信号分析及加噪信号处理选用了matlab做工具,选了一个最简单的语音信号处理方
腾讯云 TRTC 实时音视频服务体验,从认识 TRTC 到 TRTC 的开发实践,Demo 演示& IM 服务搭建。
音乐音频分类技术能够基于音乐内容为音乐添加类别标签,在音乐资源的高效组织、检索和推荐等相关方面的研究和应用具有重要意义。传统的音乐分类方法大量使用了人工设计的声学特征,特征的设计需要音乐领域的知识,不同分类任务的特征往往并不通用。深度学习的出现给更好地解决音乐分类问题提供了新的思路,本文对基于深度学习的音乐音频分类方法进行了研究。首先将音乐的音频信号转换成声谱作为统一表示,避免了手工选取特征存在的问题,然后基于一维卷积构建了一种音乐分类模型。
C++知识精讲16 | 井字棋游戏(配资源+视频)【赋源码,双人对战】
本文主要讲解如何在Java中,使用FFmpeg进行视频的帧读取,并最终合并成Gif动态图。
在本篇博文中,我们谈及了 Swift 中 some、any 关键字以及主关联类型(primary associated types)的前世今生,并由浅及深用简明的示例向大家讲解了它们之间的奥秘玄机。