Swift 第三方播放器AliyunPlayer,音乐(阿里云播放器)(源码)

一直觉得自己写的不是技术，而是情怀，一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的，希望我的这条路能让你们少走弯路，希望我能帮你们抹去知识的蒙尘，希望我能帮你们理清知识的脉络，希望未来技术之巅上有你们也有我。

Swift 技术音频,音乐(AVAudioSession设置,音乐中断)

Swift 技术监听电话中断,音乐(用于恢复播放音乐)(源码)

Swift 第三方播放器AliyunPlayer(阿里云播放器)(源码)

Swift 需求音乐播放暂停淡出淡放(声音逐渐消失)(视频)(源码)

OC 技术 DOUAudioStreamer音乐播放器的使用(源码)

Swift 基础 AVPlayer音乐播放器的使用(源码)

前言

公司的两个三个项目用到了阿里云的播放器,今天有空简单的记录一下,使用阿里云播放器的整个过程.我会从简单开始慢慢增加需求来完善使用的过程.

下面我会封装一个播放器管理器,跟UI拆分开,然后慢慢加需求.

正题

1.最简单的播放器

1.最简单的播放器 Swift-AliyunPlayer

直接拿一个MP3的链接,调用AliyunPlayer的接口进行播放
封装播放器管理对象

调用

2.增加播放按键, 可以开始,暂停

增加一个暂停的方法和一个开始和暂停的按键可以进行开始和停止播放的动作
新增一个暂停的方法

UI页面增加多一个播放按键

3.增加滚动条现实播放进度

增加一个播放进度条,能够实时的监听播放的进度
1.编写进度条的UI
2.代理实现播放监听播放的进度实时更新UI

播放器管理器

回到UI控制器

4.增加开始结束播放的Label

增加播放歌曲进度的Label和歌曲总时间的Label

回到播放管理器

5.点击拖拽滚动条改变播放进度

实现拖拽滚动条和点击滚动条改变播放进度

6.快进后退10秒

6.快进后退10秒. Swift-AliyunPlayer

实现前进10秒后腿10秒改变播放进度
UI控制器

回到播放管理器

7.前一首下一首

7.(顺序)前一首下一首

实现切换歌曲,可以上一首歌曲和下一首歌曲
播放管理器新增的代码

回到UI控制器

8.顺序播放或者随机播放

UI界面,增加多一个按键

播放管理器

9.播放模式

9.播放模式 Swift-AliyunPlayer

说明:经过上面的一系列开发应该发现,播放音乐和结束播放音乐的时候,播放按键的状态是没有跟随变化的,所以先完善这个步骤先,这时候需要时间SDK提供监听播放状态的代理.

UI界面

点击按键改变枚举的状态

播放控制器
新建一个用于控制播放模式的枚举

每一首歌曲播放完毕之后,能正常自动播放下一曲的逻辑就是下面的图片内容决定

当我们点击按键的时候,会根据目前的播放模式来决定选择下一首什么样的歌曲

Swift 第三方播放器AliyunPlayer,音乐(阿里云播放器)(源码)相关推荐

阿里云播放器AliyunPlayer的走马灯组件的位置
引入当前组件, 播放器配置中添加如下代码: components: [{name: 'BulletScreenComponent',type: AliPlayerComponent.BulletScr ...
阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现(三)
阿里云播放器SDK(ApsaraVideo for Player SDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播的基础播放功能外,还深度融合视频云业务,支持视频的加密播放.安全下载. ...
h5阿里云播放器常规使用
阿里云播放器: 引入js和css <script type="text/javascript" charset="utf-8" src="htt ...
在vue项目中使用阿里云播放器
在官方文档中分为HTML5和Flash两种播放模式我用的是html5的播放模式,下面是阿里云官方文档阿里云播放器的使用说明_视频点播-阿里云帮助中心首先在index.html文件中引入 <l ...
解决ijkplayer和阿里云播放器冲突的解决
ijkplayer和阿里云播放器的冲突问题解决今天遇到导入阿里云的播放器跟自身的ijkplayer播放器产生冲突的问题 ijkplayer 报错 IJKSDLGLView: setupDisplay ...
nuxt项目打包后阿里云播放器错误：ReferenceError Aliplayer is not defined
nuxt项目打包后阿里云播放器错误:ReferenceError: Aliplayer is not defined 这个问题搞了我一天,阿里云视频播放有时点进去是好的,有时候就报错,而且一刷新也报这 ...
java计算机毕业设计vue开发一个简单音乐播放器MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计vue开发一个简单音乐播放器MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计vue开发一个简单音乐播放器MyBatis+系统+LW文档+源码+调试部署本源 ...
关于，VUE中，阿里云播放器报错：Aliplayer is not defined。
VUE中,阿里云播放器报错:Aliplayer is not defined.-Java-CSDN问答感谢@iMingzhen大哥的解答!
计算机毕业设计Python+uniapp音乐播放微信小程序LW(小程序+源码+LW)
计算机毕业设计Python+uniapp音乐播放微信小程序LW(小程序+源码+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程项目运行环境配置: Pychram社区版+ py ...

Swift 第三方播放器AliyunPlayer,音乐(阿里云播放器)(源码)

相关文章

前言