命令行工具
包名 映射全局对象 映射路径 fastclick FastClick as.alipayobjects.com/g/luna-component/luna-fastclick/0.1.0/index.js vue Vue a.alipayobjects.com/g/h5-lib/vue/2.1.6/vue.min.js es6-promise Promise as.alipayobjects....
使用指南
Kylin 在 Kylin 工程的.vue 组件文件下，支持特殊语法，可以使用如下方式注册组件依赖：<dependency component="{ Notice }" src="@alipay/antui-vue">上述语法表示，在当前.vue 文件内，可以在 template 模板中使用 Notice 组件。ESModule 在...
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
在线体验及Demo源码
本文介绍基于阿里云Web播放器SDK的在线体验方式，并提供Demo源码。桌面端Demo体验 Web播放器SDK提供可视化的在线体验。您可通过 在线配置 访问。在线配置提供基础的播放配置、样式配置，支持生成HTML5、Flash两套代码。说明 H5模式下，当...
Node.js构建vue工程发布到OSS
本文会介绍如何在Flow中构建vue工程，并将构建产物发布到OSS，然后在应用页面中引用OSS上的静态资源地址。方案概览 开通一个OSS的bucket，假设其地址为：static-serving.oss-cn-beijing.aliyuncs.com 假设构建后的静态资源包含两个文件：1....
如何在网页端进行视频直播？
阿里云视频直播服务支持多平台播放SDK方便快速接入，多终端推流适配。您可以根据不同业务场景任意组合使用。通过阅读本文，您可以了解如何在网页端进行视频直播。前提条件 您已经开通视频直播服务。如未开通，请参见 开通服务。您已经完成...
脚手架简介
components 目录中，每个组件都是 Vue 组件，具体编写规范请参考 组件规范。store 目录中，有一个 Vuex.Store 实例，具体使用请参考 状态注入。index.js 为当前 page 的主入口，这里的 page 页面最后会生成一个特定的${pageName}.html 页面...
FLV实时视频
目前，该组件支持自动播放、暂停、音量调节和全屏播放功能。本文介绍组件的详细配置方法。使用说明 FLV实时视频组件兼容性如下：支持的播放协议：HTTP-FLV。支持的视频编码协议：H.264。步骤一：添加组件 创建Web应用。具体操作，请参见 ...
移动视频
目前，该组件支持自动播放、暂停、音量调节和全屏播放功能。本文介绍移动视频组件的详细配置方法。步骤一：添加组件 创建移动应用。具体操作，请参见 创建移动应用。在移动应用编辑器中，单击最左侧的 组件 图标。（可选）添加分栏组件，...
音频
说明 由于浏览器协议限制，您的组件发生交互行为时才会自动播放音频。循环播放 打开开关，在预览或发布页面，音频播放完毕后，再次播放。播放速度 设置音频的播放速度，单位倍。跳转 可自定义设置音频跳转到哪一秒播放。音量设置：打开开关...
快速接入
本文介绍如何快速接入Web播放器并完成基础的视频播放。接入前须知 阿里云Web播放器SDK支持HTML5和Flash两种播放模式，请您提前明确所需集成的播放器模式，并了解相关功能支持和浏览器适配情况。关于功能支持和浏览器的适配说明，详细内容请...
音频
说明 由于浏览器协议限制，您的组件发生交互行为时才会自动播放音频。循环播放 打开开关，在预览或发布页面，音频播放完毕后，再次播放。播放速度 设置音频的播放速度，单位倍。跳转 可自定义设置音频跳转到哪一秒播放。音量设置：打开开关...
Web播放器常见问题
给视频设置禁音，设置autoplay为true实现自动播放，在监听ready事件调用 fullscreenService.requestFullScreen 实现全屏。示例如下：<script>var player=new Aliplayer({ id:"player-con",source:"/example.aliyundoc....
交通
解决方案 因开发人员只具备 Java 和 Vue.js 的开发能力，无法在短时间内快速掌握一门全新的开发语言或原生 UI 组件开发的能力。但因业务要求紧急，因此技术团队决定将原有模型中的 Uni-App 替换为 mPaaS 小程序。针对点货网 App 进行功能...
Kylin 简介
Kylin 仅提供基于 Vue 2.0 的视图层框架，以极小的 JS 加载开销实现高效的 DOM 更新。Kylin 作为无线前端解决方案只提供 Safari、UC Webview 和 Chrome 浏览器兼容性保障。说明 mPaaS 已经提供了更新和更稳定的小程序组件作为今后主要维护...
Web播放器常见问题
给视频设置禁音，设置autoplay为true实现自动播放，在监听ready事件调用 fullscreenService.requestFullScreen 实现全屏。示例如下：<script>var player=new Aliplayer({ id:"player-con",source:"/example.aliyundoc....
文件增值服务
下面是个基于Vue封装的例子：<template><video class="video-js"ref="videoPlayer"></video></template><script>import videojs from 'video.js';import { getToken } from 'token.js';import client from 'client.js' export default { ...
文件增值服务
下面是个基于Vue封装的例子：<template><video class="video-js"ref="videoPlayer"></video></template><script>import videojs from 'video.js';import { getToken } from 'token.js';import client from 'client.js' export default { ...
Web端
给视频设置禁音，设置autoplay为true实现自动播放，在监听ready事件调用 fullscreenService.requestFullScreen 实现全屏。示例如下：!DOCTYPE ...
扩展组件
例如$npm run build AliplayerDanmu BulletScreen#打包弹幕组件和跑马灯组件，componentsName 可选的值有：AliplayerDanmu：弹幕组件 BulletScreen：跑马灯组件 MemoryPlay：记忆播放组件 PauseAD：暂停广告（图片）组件 PlayerNext：播放...
插件组件
例如$npm run build AliplayerDanmu BulletScreen#打包弹幕组件和跑马灯组件，componentsName 可选的值有：AliplayerDanmu：弹幕组件 BulletScreen：跑马灯组件 MemoryPlay：记忆播放组件 PauseAD：暂停广告（图片）组件 PlayerNext：播放...
分类玫瑰图（v4.x版本）
参数 说明 自动解析字段 打开开关，组件使用CSV数据会自动解析字段并显示；关闭开关，字段不自动解析。仅数值型字段 打开开关，CSV数据只解析数据类型的字段；关闭开关，CSV数据会自动解析所有字段。数据系列：单击右侧的 或 图标，添加或...
页面搭建编辑器
添加音频后，可设置音频图标、音频地址以及是否自动播放音频。二维码 用于在页面中嵌入二维码。添加二维码后，可设置二维码的扫码后跳转页面、背景色、前景色以及纠错等级。二维码具备“纠错功能”，即使部分编码变脏或破损，也可以自动...
百分比条形图（v4.x版本）
参数 说明 自动解析字段 打开开关，组件使用CSV数据会自动解析字段并显示；关闭开关，字段不自动解析。仅数值型字段 打开开关，CSV数据只解析数据类型的字段；关闭开关，CSV数据会自动解析所有字段。数据系列：单击右侧的 或 图标，添加或...
水平基本柱状图（v4.0及以上版本）
参数 说明 自动解析字段 打开开关，组件使用CSV数据会自动解析字段并显示；关闭开关，字段不自动解析。仅数值型字段 打开开关，CSV数据只解析数据类型的字段；关闭开关，CSV数据会自动解析所有字段。数据系列：单击右侧的 或 图标，添加或...
实时视频
目前，该组件支持自动播放、暂停、音量调节和全屏播放功能。本文介绍组件的详细配置方法。使用说明 实时视频组件兼容性如下：支持的播放协议：HLS。支持的视频编码协议：H.264、H.265。步骤一：添加组件 创建Web应用。详细操作请参见 创建...
微信小程序接入
本地开发运行 配置完成后点击菜单栏中的 运行->运行到小程序模拟器->微信开发者工具，就会对代码进行打包，并自动打开微信开发者工具运行该项目。发布 域名配置 必需事先在小程序后台设置服务器域名，小程序才能正常调通相关接口，页面路径...
微信小程序接入
本地开发运行 配置完成后点击菜单栏中的 运行->运行到小程序模拟器->微信开发者工具，就会对代码进行打包，并自动打开微信开发者工具运行该项目。发布 域名配置 必需事先在小程序后台设置服务器域名，小程序才能正常调通相关接口，页面路径...
视频
本文为您介绍如何添加并管理视频控件。前提条件 已创建数据大屏。具体操作，请参见 新建数据大屏。...视频播放模式：勾选自动播放：视频将会自动播放。勾选循环播放：视频开启循环播放模式。勾选静音：视频播放时背景音乐将会关闭。
resource
使用插件 在脚手架的 package.json 中，可以看到如下配置：["resource",{"map":{"vue":{"external":"Vue","js":"https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js" },"fastclick":{"external":"FastClick","js":...
WAP端版本更新说明（2022年4月）
本文介绍 阿里云盘企业版 WAP端于2022年4月更新的内容。...音频在播放时，切换至其他页面，音频缩略图悬浮在页面中吸边，可进行拖拽移动，松开之后吸边，点击播放器可以返回至播放页面。悬浮button支持播放、暂停和关闭音频操作。
配置动画
设置在2秒内缩放比例从100%增加到150%，自动播放，并开启循环动画，具体配置项如下图所示。运行态效果如下图所示：2.移动动画 通过配置移动动画，可以实现位置的移动。在移动动画配置中，可以控制是否显示动画、设置动画时长、初始位置、...
视频
数据面板（默认模式）说明 组件数据面板默认是 默认模式，您可以单击切换数据面板右上角的 分析模式，即可在弹窗对话框内，确认将组件 转为分析模式并创建分析器，并单击 确认变更，使用DataV数据集提供的分析模式功能后，当前组件会转换成...
浏览器兼容性和已知问题
Chromium issue 微信浏览器不支持自动播放，且当次用户通过操作恢复播放后下一次仍然无法自动播放，原因可能是微信浏览器对自动播放行为处理的异常，建议在autoplay-failed事件中引导用户恢复播放。iOS16系统版本的iPhone14机型音频采集...
Windows播放器SDK
播放器基本功能：切换多码率、自动播放、循环播放、画面旋转、填充模式、镜像操作、静音、音量控制（0.0~2.0）、倍数播放、边播边缓存、试看和截图。视频下载功能：支持安全下载和普通下载。设置播放器配置：设置Referer、设置UserAgent、...
组件使用
单击 同步至PGM，可以将组件切换至观众侧进行对外输出。取消应用组件 如果您需要将应用于视频直播画面的组件效果取消时，具体操作如下：预监PVW状态：如果当前组件在预监PVW状态（绿色标注），单击需要取消的应用组件，取消PVW画面效果。...
蓝图编辑器精选案例实战
案例概览 利用Tab列表控制组件显隐 本案例通过蓝图实现用 Tab列表 组件控制多个组件切换显示和隐藏。说明 当单击 TAB1 时，显示柱状图组件；切换单击 TAB2 时，则展示折线图组件。配置案例交互，具体实操请参见 利用Tab列表控制组件显隐。...
iOS音频智能降噪
推流SDK升级到4.4.9及以后版本，提供了音频智能降噪功能，您可以根据实际场景使用该功能完善推流使用体验。通过阅读本文，您可以了解iOS端音频智能降噪的使用方法。注意事项 推流SDK基础版和互动版，均支持音频智能降噪功能。推流SDK提供...
视频
自动播放：打开开关，在预览或发布页面视频可自动播放。重要 当使用Chrome 66以下版本时，需要按照以下方法开启自动播放功能，配置项才有效。在Chrome浏览器地址栏中输入 chrome:/flags/autoplay-policy，将 Autoplay policy 配置项设置为 ...
AudioPlayer-音频播放组件
本文介绍基于HaaS JS轻应用，AudioPlayer-音频播放组件提供的相关充电接口说明。硬件平台 产品型号 是否支持 硬件类型 HaaS600Kit 否 开发板 HaaS510 否 DTU HaaS520 否 DTU HaaS530 否 DTU HaaS531 否 DTU HaaS632-LT32V 是 模组 HaaS600-...
- 产品推荐
- 这些文档可能帮助您