(83)Part21-阿里云VOD-03-视频播放测试
一、视频播放器
参考文档:https://help.aliyun.com/document_detail/125570.html?spm=a2c4g.11186623.6.1083.1c53448blUNuv5
1、视频播放器介绍
阿里云播放器SDK(ApsaraVideo Player SDK)是阿里视频服务的重要一环,除了支持点播和直播的基础播放功能外,深度融合视频云业务,如支持视频的加密播放、安全下载、清晰度切换、直播答题等业务场景,为用户提供简单、快速、安全、稳定的视频播放服务。
2、集成视频播放器
- 创建aliyunplayer_pro文件夹
- 创建index.html文件
- 引入css文件
<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" >
- 引入脚本文件并初始化视频播放器
<div class="prism-player" id="J_prismPlayer"></div>
<script charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script>
<script>var player = new Aliplayer({id: 'J_prismPlayer',width: '100%',//播放配置},function(player){console.log('播放器创建好了。')});
</script>
3、播放地址播放
在Aliplayer的配置参数中添加如下属性
//播放方式一:支持播放地址播放,此播放优先级最高,此种方式不能播放加密视频
source : '你的视频播放地址',
启动浏览器运行,测试视频的播放
4、播放凭证播放(推荐)
阿里云播放器支持通过播放凭证自动换取播放地址进行播放,接入方式更为简单,且安全性更高。播放凭证默认时效为100秒(最大为3000秒)。
如果凭证过期则无法获取播放地址,需要重新获取凭证。
//播放方式二:加密视频和多数据源视频的播放
vid : '视频id',
playauth : '视频播放授权码',
encryptType:1, //当播放私有加密流时需要设置。
注意:播放凭证有过期时间,默认值:100秒 。取值范围:100~3000。
设置播放凭证的有效期:在获取播放凭证的测试用例中添加如下代码
request.setAuthInfoTimeout(200L);
二、功能和组件
功能展示:https://player.alicdn.com/aliplayer/presentation/index.html
1、视频封面
配置中添加cover属性设置
cover: 'http://liveroom-img.oss-cn-qingdao.aliyuncs.com/logo.png',
2、跑马灯
引入js脚本
<!-- 阿里云视频播放器组件 -->
<script charset="utf-8" src="https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js"></script>
播放器中添加配置项
components: [{name: 'BulletScreenComponent', // 跑马灯组件type: AliPlayerComponent.BulletScreenComponent,/** 跑马灯组件三个参数 text, style, bulletPosition* text: 跑马灯文字内容* style: 跑马灯样式* bulletPosition: 跑马灯位置, 可选的值为 'top' (顶部), 'bottom' (底部), 'random' (随机), 不传值默认为 'random'*/args: ['欢迎来到谷粒学院', { fontSize: '16px', color: '#00c1de' }, 'random']
}]
3、弹幕
首先定义弹幕组件的弹幕列表
/* 弹幕组件集成了 CommentCoreLibrary 框架, 更多 Api 请查看文档 https://github.com/jabbany/CommentCoreLibrary/ */var danmukuList = [{"mode": 1,"text": "哈哈","stime": 1000,"size": 25,"color": 0xffffff}, {"mode": 1,"text": "前方高能","stime": 2000,"size": 25,"color": 0xff0000}, {"mode": 1,"text": "灵魂歌手","stime": 30000,"size": 25,"color": 0xff0000}, {"mode": 1,"text": "顺手一划","stime": 10000,"size": 25,"color": 0x00c1de}]
播放器中添加配置项
components: [{name: 'AliplayerDanmuComponent', // 弹幕组件type: AliPlayerComponent.AliplayerDanmuComponent,args: [danmukuList] //列表:注意需要外层的[ ]
}]
4、旋转镜像
components: [{name: 'RotateMirrorComponent',type: AliPlayerComponent.RotateMirrorComponent
}]
(83)Part21-阿里云VOD-03-视频播放测试相关推荐
- 阿里云VOD 视频点播(二)、VUE视频上传,视频播放
一,VUE视频上传 (1),视频上传引入的js文件,在index.html文件里面引入js,如下图 js文件在官网可以下载然后放在自己的项目里面,下载下面的js文件引入项目 JavaScript上传S ...
- 阿里云地域节点IP测试Ping值延迟测速(国内+海外)
阿里云服务器地域节点测试IP及各个地域节点Ping值延迟测速,包括阿里云国内大陆地域和海外地域,哪个快分享: 阿里云全球节点测速 阿里云地域节点遍布全球,国内使用建议大陆地域,但是需要备案:没有备案的 ...
- 关于 阿里云短信服务测试签名模版使用教程
阿里云短信服务测试签名模版使用教程 安装SDK 方式一:导入Maven依赖 方式二:在集成开发环境中导入JAR文件 jar包链接 aliyun-java-sdk-core.jar aliyun-jav ...
- 阿里云视频点播加密视频播放报:网络错误加载数据失败(fragLoadError)
问题描述: 1.首先视频id正确 2.视频播放凭证生成正确(未失效) 3.但是网页点播出现错误如下图 解决方案: 阿里云存储权限问题! 设为公共问题解决,可点播加密视频!
- 阿里云视频点播获取视频播放信息nodejs版
语言:nodejs 参考文档:https://help.aliyun.com/document_detail/101416.html 操作步骤: 首先:搭建nodejs运行环境: 先在本地创建一个no ...
- 使用阿里云短信服务测试功能发送短信到手机验证
1.首先打开aliyun短信服务页面,点击"免签名/模板审核的API发送测试" 2.绑定你的测试手机号,点击调用API发送短信 3.进入该页面你只需要先看一看就行,等会需要把Tem ...
- nuxt实现阿里云vod视频上传时候引入vod相关的js时候遇到的坑
https://blog.csdn.net/qq_37880968/article/details/90373361 这位到老哥用nuxt实现了视频上传的功能,但是我卡在了引入js文件那里,后来弄了挺 ...
- Angular9使用阿里云VOD播放器
找了一下午如何在Angular 9中插入阿里云播放器,综合各种资料,总算弄出来.目前使用的阿里云播放器版本为2.9.3. 1. 找到html如何配置播放器,代码如下,souce是阿里云视频地址. &l ...
- 阿里云Redis性能压力测试(二十)
文章目录 1.云Redis性能压力测试 2.安装redis-banchmark压测工具 3.压测两节点的Redis集群 4.压测四节点的Redis集群 4.1.扩容集群为四节点 4.2.压力测试 5. ...
最新文章
- sizeof运算求结构体大小
- wxWidgets:wxMoveEvent类用法
- [PTA]L2-001 紧急救援 (25 分)
- Vue的watch和computed属性
- strlen函数实现
- (转)全文检索技术学习(二)——配置Lucene的开发环境
- AcWing 2041. 干草堆(差分)
- fckeditor java_FCKeditor.Java 源代码下载
- 域名可以用多久_一个域名能用多少年
- PCB、SCH转化为AD工程
- 三十岁开始学Java
- steam验证登录失败_如何向Steam添加两方面身份验证
- CSS 层叠样式表(2)
- java Web 前后端交互
- 基于微信小程序二手跳蚤市场系统设计与实现毕业设计论文
- 精美个人导航引导页html源码
- 点云处理:Kitti数据集中点云坐标转化到彩色摄像机坐标
- 复数神经网络_如果神经网络状态为复数会发生什么?
- 国土空间总体规划编制之基期数据转换工具(免费)
- 2023最新网盘不限速下载方法