阿里云 Aliplayer高级功能介绍

最新推荐文章于 2024-04-23 09:44:24 发布
最新推荐文章于 2024-04-23 09:44:24 发布
阅读量411 收藏 1
点赞数
文章标签： 移动开发
原文链接：https://yq.aliyun.com/articles/685440
版权

Aliplayer除了一些基本功能，还有一些高级的功能，可能需要云端配合才可以使用，或者播放器本身需要做更多的配置，希望写一些文件介绍如何使用和介绍一下简单的实现原来，让用户了解这些功能，更好的使用播放器，文章不仅介绍内置的功能，还会包含通过插件写的其他功能。

官方文档
在线配置
功能展示
视频播放诊断工具


内置高级功能

视频截图
缩略图
多字幕
直播时移
国际化
进度条标记
多分辨率
安全播放
自动播放体验

插件高级功能

基于Aliplayer提供的插件能力，实现了下面的高级插件，并且这些插件都是开放代码的， 访问地址

50e64962db13317218806c8851be877fca90e7c6

对于这些插件下一步我们会进一部完善， 接口优化、文档完善， 会以NPM包的方式发布，方便用户使用和升级。

weixin_34297704
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
阿里云Aliplayer播放器列表切换播放视频
liuxin_1991的博客
11-08 4811
videoDetail.js代码 var headerImg,vid,MtsHlsUriToken,videoSrc; var getvoice = { "action": "courseChapterList", "groupId": "0", "pageIndex": "1", "pageSize": "999", "productId": _id, "rankType":...
aliplayer 直播在微信和支付宝浏览器自动播放兼容
sonnyface的博客
09-06 1064
autoplay 只适用于支付宝端 和 ios微信内置浏览器，在安卓手机的微信端是不能自动播放。 所以要解决安卓手机的微信端直播的自动播放功能需要引入https://res.wx.qq.com/open/js/jweixin-1.0.0.js，并且使用下面代码 document.addEventListener('WeixinJSBridgeReady',() => { if (player.tag) player.tag.play(); }) aliplayer直播w...
阿里云播放器Aliplayer-WEB走坑中
NicolasLearner的博客
03-04 1577
最近在做直播，用得阿里的地址推流，然后PC 端播放器的接口文档写的，反正我是看不懂， 各种猜测，各种实验， 方便小白们研究脱坑 我先写我的代码 然后加备注 截至 6.4日我这边写了 快捷键 【 空格暂停播放，快进/快退 音量大小】 截图【事件自己写】 【还不知道直播能不能截图，因为直播用的是falsh播放器暂时没发现能截图的操作，有大佬会的欢迎指点】 自定义倍数 【自己设置把】 阿里的 播放器接口 文档 都是需要 var player=new Aliplayer({}）； //...
阿里云 Aliplayer高级功能介绍(九)：自动播放体验 ...
weixin_33800593的博客
01-15 1213
基本介绍 经常会碰到客户询问，为什么我设置了autoplay为true，但是没有自动播放，每次都要向客户解释这个是浏览器从用户体验角度考虑做的限制，客户会继续询问那我要怎么做？ 针对这个问题Aliplayer也专们做过优化，提供一些方式让客户能更好的处理这种情况。 现象描述 有声音视频无法自动播放这个在移动端上一直都是这个限制，桌面版的Safari在2...
用aliplayer如何实现视频的连续播放？
阿里云云栖号
12-01 3761
摘要： 场景 假如有多个视频，在上一个视频播放完毕时，自动播放下一个视频，要怎么处理的呢？需要按使用的播放器类型和切换的地址格式，采用不同的实现方式。 直播地址方式 这种方式最简单，h5和flash的行为都是一致的，只需要订阅’ended’， 在ended事件里，调用loadByUrl方法， 参数为下一个视频的地址。场景假如有多个视频，在上一个视频播放完毕时，自动播放下一个视频，要怎么处理的呢？需...
阿里云 Aliplayer高级功能介绍(九)：自动播放体验
weixin_43972870的博客
03-24 1087
简介：经常会碰到客户询问，为什么我设置了autoplay为true，但是没有自动播放，每次都要向客户解释这个是浏览器从用户体验角度考虑做的限制，客户会继续询问那我要怎么做？ 针对这个问题Aliplayer也专们做过优化，提供一些方式让客户能更好的处理这种情况。
阿里云安全解决方案介绍.ppt
06-17
阿里云安全解决方案介绍
最新阿里专有云架构整体介绍
06-26
阿里专有云架构整体介绍 阿里专有云架构是基于 Region、AZ、机房等概念的整体架构，旨在提供一个高可用、安全、灵活的云计算平台。下面将对阿里专有云架构的各个组件进行详细介绍： Region：阿里专有云架构中，...
阿里云大数据产品详细介绍
08-13
阿里云大数据产品详细介绍
阿里云paas的介绍，很有价值
10-30
综上所述，《阿里云PaaS平台》这份资料详尽地介绍了阿里云PaaS的各个方面，对于理解PaaS的概念、掌握其核心功能以及在实际工作中应用阿里云PaaS具有很高的价值。无论你是初学者还是经验丰富的开发者，都能从中获取到...
探秘阿里云播放器（Aliplayer）：高效、定制化的视频解决方案
最新发布
gitblog_00019的博客
04-23 676
探秘阿里云播放器（Aliplayer）：高效、定制化的视频解决方案 项目地址:https://gitcode.com/FaiChou/Aliplayer_About 项目简介 阿里云播放器（Aliplayer） 是一款由阿里巴巴集团开发的开源视频播放组件。它旨在提供稳定、高性能的视频播放体验，并支持丰富的自定义选项，以满足开发者们多样化的应用场景需求。 技术分析 基于Web技术 Aliplayer...
aliplayer播放器使用
热门推荐
长颈鹿的博客
11-17 1万+
aliplayer播放器使用 项目背景：vue-cli3.0， 使用播放地址方式播放 1、aliplayer官网地址：(https://help.aliyun.com/document_detail/125548.html?spm=a2c4g.11186623.6.1099.33ee1bc7e0ebmi) 2、使用方式 index.html文件中引入所需文件 <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8
vedio播放器 阿里播放器Aliplayer说明
ycs_0405的专栏
09-06 1237
1、html 播放器Video使用说明 https://www.runoob.com/tags/tag-video.html https://www.runoob.com/jsref/prop-video-currenttime.html 2、阿里播放器Aliplayer使用说明 https://www.cnblogs.com/ruose/p/10675728.html
阿里云 Aliplayer高级功能介绍(五)：多语言
weixin_34372728的博客
01-09 243
基本介绍 Aliplayer默认支持中文和英文，并且依赖于浏览器的语言设置自动启用中文或英文资源， 除了支持这两种资源外，还提供自定义语言的形式，支持其他国际语言，另外Aliplayer还支持点播服务的多地域，可以支持VideoId的方式播放东南亚和欧洲的视频资源，英文版本播放器： 语言设置属性 Aliplayer提供language属性用于指定语...
课程列表和整合阿里云视频点播
白长生的小窝
04-28 1661
01-课程列表的显示 一、后端实现 1、定义搜索对象 CourseQuery package com.guli.edu.query; @ApiModel(value = "Course查询对象", description = "课程查询对象封装") @Data public class CourseQuery implements Serializable { private sta...
【aliplayer】阿里播放器的使用
longlongfishday的博客
12-13 4607
【1】设置播放器上次播放进度，player里面要用同步，所以不能使用axios进行数据交互 var getuid = this.$store.state.uid; var getcid = this.$store.state.cid; player = new Aliplayer({ id: 'player-con', width: '100%...
阿里云视频点播详解
qq_38746645的博客
09-14 1万+
本文主要说的是: 对阿里视频点播产品表达一下自己的看法， 并且对开发进行了相对详细的讲解， 对我自己遇到的问题进行了一些说明
关于Vue阿里云播放视频
qq_16495187的博客
05-21 1505
首先,新建一个组件，名字随便取 我取的是VueAliplayer.vue 最后在别的组件引入这个组件就行,需要记住下面几个问题 1.播放栏的一些按钮是下面的代码（比如暂停,全屏） skinLayout: { type: Array, default: function () { return [ { name: "bigPlayButton", align: "blabs", x: 30, y: 80 }, {
阿里云ApsaraMobile移动云产品系介绍
阿里云移动云 Apsara Mobile 产品系介绍 阿里云移动云 Apsara Mobile 是阿里巴巴移动技术的开放平台，旨在为广大开发者提供稳定、弹性、安全、快速的移动应用基础设施，帮助开发者构建工程化、系统化、智能化的企业...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值