阿里云播放器

博客介绍了阿里视频云高级播放器,具备视频加密等高级功能,适合相关业务用户。还介绍了阿里云权限管理系统RAM和STS,其中STS用于授予临时访问权限。阐述了STS的播放流程,包括用户App获取凭证、服务端下发、上传视频等步骤以完成视频播放。

目录

概念介绍
STS的播放流程
如何导入
自定义SurfaceView
横竖屏切换
滑动快进,后退
滑动调节音量
滑动调节亮度
按Home键后重新点开黑屏问题
Token过期问题

一 首先是概念介绍(只介绍用到的)

高级播放器:除了具备基础播放器的所有功能外,还提供播放视频的高级能力,如视频加密、安全下载、边播边下缓存、清晰度切换等功能,建议使用阿里视频云点播和直播业务的用户使用。
RAM和STS:RAM和STS是阿里云提供的权限管理系统。RAM主要的作用是控制账号系统的权限。通过使用RAM可以将在主账号的权限范围内创建子用户,给不同的子用户分配不同的权限从而达到授权管理的目的。STS是一个安全凭证(Token)的管理系统,用来授予临时的访问权限,这样就可以通过STS来完成对于临时用户的访问授权。

二 STS的播放流程
流程:用户App获取STS凭证 -> 服务端下发STS凭证 -> 用户上传视频并获取vid -> 服务端获取STS凭证 -> 将STS凭证下发给客户端 -> 完成视频播放。

作者:lonamessi
链接:https://www.jianshu.com/p/63f6d5503513
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

### HTML5 中集成阿里云播放器 在HTML5环境中集成阿里云播放器主要涉及引入必要的JavaScript库,创建播放容器,并通过API调用来初始化和控制播放器实例。 #### 创建播放容器 为了能够在页面上显示视频内容,首先需要定义一个DOM元素作为播放区域。通常情况下会使用`<div>`标签来完成这一步骤: ```html <div id="player-container"></div> ``` 此部分代码的作用是在网页中预留一块空间供后续加载的播放控件占用[^1]。 #### 引入阿里云播放器JS库 接着,在页面底部或者单独的`.js`文件内加入如下脚本以载入阿里云提供的播放器组件: ```html <script charset="utf-8" type="text/javascript" src="//g.alicdn.com/de/prism-player/2.9.7/skins/default/aliplayer-min.js"></script> <link rel="stylesheet" href="//g.alicdn.com/de/prism-player/2.9.7/skins/default/aliplayer-min.css"> ``` 上述链接指向的是阿里云官方托管的服务端地址,确保能够正确访问到最新的播放器版本及其样式表[^3]。 #### 初始化播放器实例 最后也是最关键的部分就是利用前面准备好的容器ID以及所引用的外部资源,编写一段简单的JavaScript代码来进行实际的播放器实例化操作: ```javascript var player = new Aliplayer({ "id": "player-container", // 对应之前设置的dom节点id "source": "http://example.com/path/to/video.mp4", // 替换成真实的媒体源URL "width": "100%", "height": "500px", "autoplay": false, "isLive": false, // 如果是直播流则设为true "rePlay": false, "playsinline": true, "preload": "auto" }); ``` 这段代码展示了如何基于已有的配置项构建一个新的播放器对象,并将其绑定至指定的目标位置;其中`source`参数需替换为目标视频的实际路径或网络地址。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值