E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
aliplayer
【
aliplayer
】阿里播放器的使用
【1】设置播放器上次播放进度,player里面要用同步,所以不能使用axios进行数据交互vargetuid=this.$store.state.uid;vargetcid=this.$store.state.cid;player=newAliplayer({id:'player-con',width:'100%',autoplay:true,height:'370px',vid:this.vid
longlongfishday
·
2024-01-09 21:34
vue
前端
aliplayer
vue
VUE前端页面 阿里云视频播放器 报错:
Aliplayer
is not defined
阿里云视频播放器报错:Aliplayerisnotdefined问题:1、跳转页面报Aliplayerisnotdefined错误2、需要刷新一下页面才可以正常播放3、ReferenceError:AliplayerisnotdefinedatVueComponent.mounted(_vid.vue?0e11:156:1)显示无法newAliplayer({})解决:1、确保newAliplay
葬爱家族-菜少
·
2024-01-05 23:57
java
谷粒学院在线教育
阿里云播放器
flutter封装阿里云播放器,已经发布pub.dev:hsp_
aliplayer
版本0.2.1:实现功能:1、支持mp4、m3u8和直播2、全屏、倍速、滑屏设置亮度和音量3、支持自动播放,海报图,宣传图设置用到的权限:效果视频:hsp_
aliplayer
_腾讯视频使用方法:1、安装
华山派developer
·
2023-12-21 03:19
VUE2中使用阿里云播放器
AliPlayer
简述基于Vue的播放器单页应用,利用web播放器sdk进行视频点播,包含播放列表、字幕、多语言、自适应码率,皮肤自定义等功能Web播放器文档已知问题vue中使用截图,不太好使【已自行优化】无键盘快捷键,无法通过空格暂停播放【已自行优化】无法双击全屏【已自行优化】没有提供直接更改主题色的方式,但自己可以通过CSS更改(莫得必要)【已自行优化】前情提示系统:一说部分截图、链接等因过期、更换域名、MD语
JaneYork
·
2023-11-29 07:24
阿里云
云计算
vue
videojs
播放器
视频播放器
PGZ
基于 RTS 超低延时直播优化强互动场景体验
本文介绍了基于RTS超低延迟直播优化强互动场景体验的最佳实践方案,并以阿里云播放器
Aliplayer
为例,详细介绍RTS超低延迟拉流接入、自动降级、排障信息获取等逻辑的实现,助力企业打造互
阿里云技术
·
2023-10-12 18:02
云计算
阿里云
基于RTS超低延时直播优化强互动场景体验
简介:介绍了基于RTS超低延迟直播优化强互动场景体验的最佳实践方案,并以阿里云播放器
Aliplayer
为例,详细介绍RTS超低延迟拉流接入、自动降级、排障信息获取等逻辑的实现,助力企业打造互动直播行业的产品竞争力
音视频开发老舅
·
2023-10-12 18:28
音视频开发进阶
云计算
阿里云
视频编解码
实时音视频
音视频
Vue实现在线文档预览
目录背景在线预览Office文档文件在线预览pdf文档预览方案一方案二Word文档预览Excel文档预览PPT文档预览纯文本、各种代码文件预览图片文件预览视频文件预览
Aliplayer
阿里云播放器Xgplayer
不愿意做鱼的小鲸鱼
·
2023-08-23 00:46
javacript
Web前端
vue
vue.js
前端
javascript
基于RTS超低延时直播优化强互动场景体验
本文介绍了基于RTS超低延迟直播优化强互动场景体验的最佳实践方案,并以阿里云播放器
Aliplayer
为例,详细介绍RTS超低延迟拉流接入、自动降级、排障信息获取等逻辑的实现,助力企业打造互
·
2022-08-08 10:44
视频直播视频转码sdk阿里云
Element-UI实现对话框内播放视频
1.问题效果:实现一个点击播放列表中的一个视频标题,然后弹出一个对话框进行视频播放,可点击全屏进入全屏播放.环境:Nuxt.js、Vue.js、Element-UI、阿里云播放器
Aliplayer
.2.
鸣鼓ming
·
2022-06-22 14:26
前端开发问题解决
Direct local .aar file dependencies are not supported when building an AAR. gradle升级到4.0及以上版本
错误信息:*Whatwentwrong:Executionfailedfortask':
AliPlayer
:bundleReleaseAar'.
Mr.JunJun
·
2022-03-25 08:07
gradle
android
jar
[NextJS]
Aliplayer
(阿里云播放器)在NextJS的实现
阿里云播放器说明文档思考在目前的阿里云播放器中,没有提供相关的npm包,所以对开发来说十分不友好。在今天的开发过程中接触到了NextJS,因为项目需要所以进行了NextJS的阿里云播放器接入,以下是过程记录。因为NextJS不能获取到window和document,故取消用createElement异步创建引入脚本和样式。运行步骤组件引入{this.state.showPlayer&&consol
·
2021-01-25 14:58
react.jsnext.js
[NextJS]
Aliplayer
(阿里云播放器)在NextJS的实现
阿里云播放器说明文档思考在目前的阿里云播放器中,没有提供相关的npm包,所以对开发来说十分不友好。在今天的开发过程中接触到了NextJS,因为项目需要所以进行了NextJS的阿里云播放器接入,以下是过程记录。因为NextJS不能获取到window和document,故取消用createElement异步创建引入脚本和样式。运行步骤组件引入{this.state.showPlayer&&consol
泉州牧码人
·
2021-01-04 16:37
next.js
react.js
在Vue中使用
Aliplayer
,做视频播放或者视频监控
直接上干货,看代码exportdefault{//在vue中怎么使用Aliplayername:"
Aliplayer
",props:{playStyle:{type:String,default:""}
Crazy丶金将
·
2020-09-14 11:31
Web
aliplayer
隐藏工具条
initVideo(url){constself=thisself.videoHeight=window.getComputedStyle(this.$refs.container).heightif(self.player){console.log('视频已经存在...')}else{try{self.player=newAliplayer({id:self.videoDomId,source:
非常厉害的巨兔
·
2020-09-12 14:33
aliplayer
web
development
Aliplayer
阿里云播放器 切换播放地址方法
使用阿里云播放器,切换播放地址时,如果有的路径找不到,再切换一个,会报错。一开始用销毁没起作用,player.dispose()查文档发现Flash播放器需要销毁,H5的播放器是另一种方法。而我出错在,设置了H5播放器,用的确是销毁方法。改成flash播放器,解决问题。
简析
·
2020-09-10 21:24
前端
苹果cms设置本地播放器 ckplayer(版本:ckplayerx)
苹果cms设置本地播放器ckplayer(版本:ckplayerx)文章目录苹果cms设置本地播放器ckplayer(版本:ckplayerx)概述设置方法各终端表现概述之前试过阿里云的
aliplayer
食之无味,弃之可惜
·
2020-08-21 15:04
linux
前端
阿里云视频点播(VOD)
aliplayer
获取视频播放状态(播放或暂停)
.getStatus()的方法可以获取视频播放状态获取播放器状态,包含的值:‘init’‘ready’‘loading’‘play’‘pause’‘playing’‘waiting’‘error’‘ended’可以判断视频播放或暂停阿里云属性说明链接https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.4.3.
·
2020-08-21 15:11
spa页面,不同组件按需引入js,
aliplayer
d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//g.alicdn.com/de/prismplayer/2.8.2/
aliplayer
-h5
HainesFreeman
·
2020-08-20 13:24
js
如何在Angular中引入
AliPlayer
1、可以参照官网H5相关的教程2、在index.html页面中引入:版本号处改为自己想使用的版本号3、在需要使用
Aliplayer
的页面的HTML代码中加入对应TS页面中的AfterViewInit事件中加入
Dickence
·
2020-08-17 22:05
Angular
技术
阿里云直播 HTML5 模式,H5播放flv、视频的跨域配置
Aliplayer
播放器在PC端和HTML5需要引用的js是不一样的。WEB端js库HTML5端js库H5只支持MP4和m3u8,flv格式。
qq_32898041
·
2020-08-16 07:32
m3u8直播hls流视频
使用阿里的流视频播放器:
Aliplayer
在线配置varplayer=newAliplayer({"id":"player-con","source":"//www.streambox.fr/playlists
guanguan0_0
·
2020-08-07 09:36
JS
jQuery
用
aliplayer
如何实现视频的连续播放?
摘要:场景假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播放器类型和切换的地址格式,采用不同的实现方式。直播地址方式这种方式最简单,h5和flash的行为都是一致的,只需要订阅’ended’,在ended事件里,调用loadByUrl方法,参数为下一个视频的地址。场景假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播
阿里云云栖号
·
2020-07-09 04:24
Aliplayer
自定义组件
Aliplayer
自定义组件exportclassStopButton{constructor(...props){//此处为传入的参数this.html=document.createElement(
Trans-AM
·
2020-07-08 21:25
阿里云播放器
阿里视频云web播放器常见问题汇总
1.如何正确选择播放器
Aliplayer
播放器包含H5、Flash、自适应播放器,建议用户选择自适应播放器,可以根据终端类型、浏览器类型和地址协议选择最合适的播放器。
weixin_33978016
·
2020-07-08 16:26
阿里云
Aliplayer
高级功能介绍(九):自动播放体验 ...
针对这个问题
Aliplayer
也专们做过优化,提供一些方式让客户能更好的处理这种情况。
weixin_33800593
·
2020-07-08 15:53
Aliplayer
的各种坑
第一大坑——在安卓微信浏览器中同层播放是最大的一个坑目标:在安卓的微信浏览器上实现这样的效果https://help.aliyun.com/document_detail/62953.html?spm=5176.7757421.2.8.lnbOWD上面是官方文档,具体用法我就是赘述了。由于我之前是从老版本一直用过来的,之前不支持同层播放。也没有相关的考虑,现在支持了,我就想着要更新一下现在视频站点
weixin_30826761
·
2020-07-08 14:18
aliplayer
视频播放报错
问题总结:1.引用阿里库时href和src文件路径不加http2.h5页面内嵌安卓app时如果app内是以https://引入则视频无放播放原因阿里对https进行收费,要么缴费使用https要么使用免费http转载于:https://www.cnblogs.com/zhaozhenzhen/p/9667405.html
weixin_30687811
·
2020-07-08 14:08
Aliplayer
播放器的使用(支持直播,点播、录播,视频播放等功能)
无奈继续寻找更加合适的播放器,阿里的
Aliplayer
便是一个不错的选择,简单记录下使用方法,备忘。
Larru-Sun
·
2020-07-07 21:41
前端
视频
webpack 引入未模块化的本地js / 引入
Aliplayer
和AliPlayerComponent
但webpack是根据模块化打包的,所以用普通的import是行不通的,在此提供我的解决方案,以阿里云播放器
AliPlayer
为例。
秘密基地的沙发
·
2020-07-07 09:54
Webpack
Aliplayer
视频点播加密播放
Aliplayer
视频播放器填坑
aliplayer
视频点播分为Flash和HTML5两个版本,移动端不支持Flash播放器。
awba4090
·
2020-07-07 03:29
阿里播放器使用
Aliplayer
所以找到了
Aliplayer
(传送门https://help.aliyun.com/document_detail/62941.html?
a111100000
·
2020-07-07 01:02
阿里云播放器
Aliplayer
-WEB走坑中
最近在做直播,用得阿里的地址推流,然后PC端播放器的接口文档写的,反正我是看不懂,各种猜测,各种实验,方便小白们研究脱坑我先写我的代码然后加备注截至6.4日我这边写了快捷键【空格暂停播放,快进/快退音量大小】截图【事件自己写】【还不知道直播能不能截图,因为直播用的是falsh播放器暂时没发现能截图的操作,有大佬会的欢迎指点】自定义倍数【自己设置把】阿里的播放器接口文档都是需要varplayer=n
晓朦
·
2020-07-06 20:54
JQ前段
前端视频插件
Aliplayer
播放器简单使用(基于地址播放)
Aliplayer
在线配置varplayer=newAliplayer({"id":"player-con","source":"//player.alicdn.com/video/aliyunmedia.mp4
weixin_33947521
·
2020-07-05 23:47
vue--嵌入阿里云
Aliplayer
直播点播组件
阿里云直播点播官方文档地址:(https://player.alicdn.com/
aliplayer
/setting/setting.html)1、安装vue-aliplayernpminstallvue-
aliplayer
weixin_43431702
·
2020-06-29 08:31
Vue 2.0 阿里云播放器组件 vue-
aliplayer
vue-
aliplayer
详细介绍该软件为vue2.0的阿里云播放器组件安装npm install vue-
aliplayer
-Syarn add vue-
aliplayer
-S使用import VueAliplayer
phj_88
·
2020-06-24 19:52
前端
vue
阿里云播放器
aliplayer
踩坑
点播不同格式之间不能切换比如a视频为mp4格式,b视频为m3u8格式,a和b之间切换。会导致很多异常问题a先切换到b,发现播放没有问题,可以调用replayByVidAndPlayAuth无缝切换,但是再从b切换到a,就出现视频格式无法解析的问题,报4006a先切换到b再切回a,无法对b进行调用dispose销毁。导致a和b同时都在播放的情况其他异常缺少部分操作事件监听,以及大部分组件缺少回调事件
chua1989
·
2020-04-23 17:00
iOS多播放器封装
今年在做直播业务的时候遇到一些问题,就是在一个套播放器UI中需要多种不同的播放器(AVPlayer、IJKPlayer、
AliPlayer
)支持,根据ABTest开关来切换具体使用哪种播放器,并且还要对播放器进行日志统计
倾剑飞血
·
2020-04-06 05:28
使用
Aliplayer
在微信中播放视频的正确姿势
微信播放最大坑h5页面分享到微信上播放视频,最大的坑就是在Android手机上,X5浏览器会劫持Video标签用播放器弹出全屏播放,处于最上层,覆盖DOM元素,而且播放完毕时,会出现广告视频,比如:同层播放X5浏览器为了解决覆盖DOM元素的问题,提出了一个同层播放的概念,通俗一点讲就是视频播放还是要弹出全屏的,但是视频可以不覆盖DOM元素,可以和视频在同一层,虽然这方案有点别扭,但总算解决了覆盖D
阿里云云栖号
·
2019-12-29 12:11
阿里云播放器SDK的正确打开方式 |
Aliplayer
Web播放器介绍及功能实现(三)
摘要:阿里云播放器SDK(ApsaraVideoforPlayerSDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播的基础播放功能外,还深度融合视频云业务,支持视频的加密播放、安全下载、首屏秒开、低延时等业务场景,为用户提供简单、快速、安全、稳定的视频播放服务。阿里云播放器SDK(ApsaraVideoforPlayerSDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播
暖夏未眠丶
·
2019-11-01 16:08
h5阿里云视频播放器试看功能
阿里云视频播放器使用,需要一个容器//视频播放器的容器在Vue中importAliplayerfrom'
Aliplayer
'importAliPlayerComponentfrom'AliPlayerComponent
菜鸟小N
·
2019-10-14 22:04
vue.js
video.js
vue引入外部js(cdn)文件
实现:index.html:main.js:constAliplayer=window.AliplayerVue.prototype.
Aliplayer
=
Aliplayer
使用:varplayer=newthis.
Aliplayer
橙橙鲁
·
2019-08-30 14:51
Vue
vue引入外部js(cdn)文件
实现:index.html:main.js:constAliplayer=window.AliplayerVue.prototype.
Aliplayer
=
Aliplayer
使用:varplayer=newthis.
Aliplayer
橙橙鲁
·
2019-08-30 14:51
Vue
方法总结
身份验证失败清除密码缓存gitconfig--system--unsetcredential.helper移除npmnpmuninstallcnpm-gListofChromeURLschrome://about/播放器
aliplayer
wudongyu
·
2019-01-07 15:03
阿里播放器踩坑记录 进度条重构 video loadByUrl失效解决方案
文档地址:https://player.alicdn.com/
aliplayer
/index.html阿里播放器接口丰富,功能强大,并且官方提供了直接生成的代码。你只需要按照个人需求,定制功能即可。
梦逸灵箭
·
2018-12-11 21:00
vue-
aliplayer
阿里云播放器适配 vue
阿里云播放器本身没对vue进行专门优化,以下借助github上一个库进行优化更多精彩更多技术博客,请移步IT人才终生实训与职业进阶平台官网vue-
aliplayer
插件源码exportdefault{name
asing1elife
·
2018-09-19 08:21
如何利用阿里视频云开源组件,快速自定义你的H5播放器?
摘要:
Aliplayer
希望提供一种方便、简单、灵活的机制,让客户能够扩展播放器的功能,并且
Aliplayer
提供一些组件的基本实现,用户可以基于这些开源的组件实现个性化功能,比如自定义UI和自己Appserver
阿里云云栖社区
·
2018-08-21 00:00
视频
播放器
函数
组件化
html
用
aliplayer
如何实现视频的连续播放?
阅读更多摘要:场景假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播放器类型和切换的地址格式,采用不同的实现方式。直播地址方式这种方式最简单,h5和flash的行为都是一致的,只需要订阅'ended',在ended事件里,调用loadByUrl方法,参数为下一个视频的地址。场景假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按
猫耳m
·
2017-12-01 11:00
视频播放器
用
aliplayer
如何实现视频的连续播放?
摘要:场景假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播放器类型和切换的地址格式,采用不同的实现方式。直播地址方式这种方式最简单,h5和flash的行为都是一致的,只需要订阅'ended',在ended事件里,调用loadByUrl方法,参数为下一个视频的地址。场景假如有多个视频,在上一个视频播放完毕时,自动播放下一个视频,要怎么处理的呢?需要按使用的播
猫耳
·
2017-12-01 00:00
html5
播放器
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他