在线体验及Demo源码
本文介绍基于阿里云Web播放器SDK的在线体验方式，并提供Demo源码。桌面端Demo体验 Web播放器SDK提供可视化的在线体验。您可通过 在线配置 访问。在线配置提供基础的播放配置、样式配置，支持生成HTML5、Flash两套代码。说明 H5模式下，当...
如何在网页端进行视频直播？
Vue Demo源码 提供基于Vue的播放器Demo源码，方便开发者使用。Demo地址请参见 阿里云播放器 Vue Demo。微信小程序 微信小程序缺少相关的DOM API和BOM API，这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、Zepto 等，在微信小程序里...
radio
[{name:'angular',value:'AngularJS'},{name:'react',value:'React',checked:true},{name:'polymer',value:'Polymer'},{name:'vue',value:'Vue.js'},{name:'ember',value:'Ember.js'},{name:'backbone',value:'Backbone.js'},]},...
命令行工具
包名 映射全局对象 映射路径 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....
checkbox
{ items:[{ name:'angular',value:'AngularJS' },{ name:'react',value:'React',checked:true },{ name:'polymer',value:'Polymer' },{ name:'vue',value:'Vue.js' },{ name:'ember',value:'Ember.js' },{ name:'backbone',value:'Backbone...
快速接入
本文介绍如何快速接入Web播放器并完成基础的视频播放。...关于功能支持和浏览器的适配说明，详细内容请参见 Web播放器SDK简介。Web播放器SDK从2.14.0版本开始支持播放...Demo获取地址，请参见 Vue Demo源码。相关文档 接口说明 基础功能 进阶功能
客户端集成跨平台插件
uniapp是一个使用Vue.js开发跨平台应用的前端框架。开发者编写一套代码，uni-app可将其编译到iOS、Android平台，保证其正确运行并达到优秀体验。官方维护的版本放在【DCloud插件市场】上以开源的形式发布。如果需要下载打包版本，请访问...
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":...
交通
解决方案 因开发人员只具备 Java 和 Vue.js 的开发能力，无法在短时间内快速掌握一门全新的开发语言或原生 UI 组件开发的能力。但因业务要求紧急，因此技术团队决定将原有模型中的 Uni-App 替换为 mPaaS 小程序。针对点货网 App 进行功能...
扩展能力
exports.default=function(){ return { webpack:function modifyWebpackConfig(webpackConfig){ webpackConfig.vue.postcss.push(px2rem({/该参数和模版 html 中的 font-size 配置需要根据具体项目的 UI 交互稿修改 remUnit:100 }));...
Flow语言专项场景
NodeJS应用构建并部署Kubernetes OSS 构建vue工程 构建产物发布到OSS Node.js构建vue工程发布到OSS Python语言 部署发布服务器 部署场景描述 部署操作流程 ECS 制品最终会运行在ECS或者自有主机上 Python应用构建并部署ECS K8s 使用容器...
小程序 SDK
SDK接入流程概览 步骤 集成内容 本文中的位置 是否必选 第一步 SDK获取 查看文档「第1步下载SDK」必选 第二步 开发配置 查看文档「第2步开发配置...Vue.config.productionTip=false App.mpType='app' const app=new Vue({.App })app.$mount()
Web播放器常见问题
示例如下：<template><view class="container"><p>VUE2 Demo</p><div id="url-player-test"></div></view></template><script>export default { mounted(){/在适合的生命周期，通过script和link标签引入播放器sdk、css this....
使用指南
在 Kylin 工程下，可以看到 package.json 中已经存在了@alipay/antui-vue 的依赖。要使用 Ant UI 前端组件，您可以通过以下方式之一：在 Kylin 工程中使用该组件，按照 dependency 的方式导入，因为 ...Vue.component(Notice.name,Notice);
业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
客户端接入
在控制台添加验证场景后，您需要在使用验证功能的Web或H5页面中，集成验证码初始化代码，实现客户端接入。本文介绍如何集成验证...客户端接入Demo示例下载 下载React集成Demo示例 下载Vue集成Demo示例 下载发送手机短信场景Demo示例（React）
Web播放器常见问题
示例如下：<template><view class="container"><p>VUE2 Demo</p><div id="url-player-test"></div></view></template><script>export default { mounted(){/在适合的生命周期，通过script和link标签引入播放器sdk、css this....
Node.js构建vue工程发布到OSS
本文会介绍如何在Flow中构建vue工程，并将构建产物发布到OSS，然后在应用页面中引用OSS上的静态资源地址。方案概览 开通一个OSS的bucket，假设其地址为：static-serving.oss-cn-beijing.aliyuncs.com 假设构建后的静态资源包含两个文件：1....
快速开始
引入(1)在 Vue 或 React 项目中使用 import {PDSClient} from 'aliyun-pds-js-sdk'(2)在 Node.js 中使用 const { PDSClient }=require('aliyun-pds-js-sdk')(3)在浏览器中以 script 标签引入 npm 安装后，在 node_modules/aliyun-pds-js-...
脚手架简介
components 目录中，每个组件都是 Vue 组件，具体编写规范请参考 组件规范。store 目录中，有一个 Vuex.Store 实例，具体使用请参考 状态注入。index.js 为当前 page 的主入口，这里的 page 页面最后会生成一个特定的${pageName}.html 页面...
JS异常捕获插桩工具
一、功能介绍 js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种兜底手段来避免，而主动对运行时可能会产生错误的表达式进行...
快速开始
引入(1)在 Vue 或 React 项目中使用 import {PDSClient} from 'aliyun-pds-js-sdk/browser'(2)在 Node.js 中使用 const { PDSClient }=require('aliyun-pds-js-sdk')(3)在浏览器中以 script 标签引入 npm 安装后，在 node_modules/aliyun-...
工程管理
工程目录结构 一个有效的卡片工程由位于工程根目录下的一个配置文件.act.config.json 和一组卡片描述文件.vue、.css、.json 等组成，目录结构如下所示：.├─dist/编译结果文件夹（执行“编译”操作时自动生成）│├─app.manifest/应用...
Demo体验
Demo源码 产品/场景 平台/框架 主要功能 Demo源码 播放器SDK Vue 基于Vue的播放器单页应用，利用Web播放器SDK播放直播、点播视频流，包含播放列表、字幕、多语言、自适应码率，皮肤自定义等功能。Vue播放器Demo 视频点播 微信小程序 视频...
Demo体验
Demo源码 产品/场景 平台/框架 主要功能 Demo源码 播放器SDK Vue 基于Vue的播放器单页应用，利用Web播放器SDK播放直播、点播视频流，包含播放列表、字幕、多语言、自适应码率，皮肤自定义等功能。Vue播放器Demo 视频点播 微信小程序 视频...
Web SDK
} 在vue中的使用示范如下，以vite创建的工程为例，在main.js中 import { createApp } from 'vue';import './style.css';import App from './App.vue';import { init,captureException } from '@umengfe/apm';init({ pageFilter:{ mode:'...
Web端
相关Demo请参见 阿里云Vue播放器demo。经过H.265编码的视频无法播放 Web端播放器SDK暂不支持H.265的编码格式，暂仅支持H.264的音视频编码格式，详细内容请参见 协议支持。播放MOV视频失败 Web端播放器SDK支持MOV格式的视频。这个支持性同...
文件增值服务
下面是个基于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 { ...
数字人流媒体服务WebSDK
demo 介绍 解压后的demo文件结构如下：├─asr_demo#自定义问答（第三方问答机器人）│├─readme.md#自定义问答demo的说明文件│├─src│├─client.ts│├─server.ts#nodejs 后端工程入口文件│└─www # 前端项目│├─index.html ├...
文件增值服务
下面是个基于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 { ...
Kylin 简介
Kylin 仅提供基于 Vue 2.0 的视图层框架，以极小的 JS 加载开销实现高效的 DOM 更新。Kylin 作为无线前端解决方案只提供 Safari、UC Webview 和 Chrome 浏览器兼容性保障。说明 mPaaS 已经提供了更新和更稳定的小程序组件作为今后主要维护...
微信小程序接入
符合类目要求的小程序，需要在 微信公众平台>开发>开发管理>接口设置中自助开通该组件权限，如下图所示：开发框架 本项目为能实现一套代码支持多个小程序平台，选用了uni-app框架进行开发，技术栈为Vue，如需了解更多框架信息，请参见 uni-...
微信小程序接入
符合类目要求的小程序，需要在 微信公众平台>开发>开发管理>接口设置中自助开通该组件权限，如下图所示：开发框架 本项目为能实现一套代码支持多个小程序平台，选用了uni-app框架进行开发，技术栈为Vue，如需了解更多框架信息，请参见 uni-...
样式语法
background-color:blue"></div></div></template>/mock.json {"style":{"height":"100px","backgroundColor":"red"} } 模板在内联样式上接收的属性值是一个 JS object。上文示例 动态绑定 class...
uni-app Demo体验
复制当前认证方案中的密钥，替换掉Demo中 App.vue 的 sdkInfo 变量，保存后 HBuilder 会进行差量打包。示例代码 引入插件&设置密钥 const aLiSDKModule=uni.requireNativePlugin('AliCloud-NirvanaPns');aLiSDKModule.setAuthSDKInfo("从...
使用JavaScript SDK上传媒体文件
JavaScript上传SDK目前兼容的浏览器是：IE 10及以上版本 Edge 主流版本的Chrome/Firefox/Safari 主流版本的Android/iOS/WindowsPhone系统默认浏览器 下载SDK代码：V1.5.6 JavaScript上传SDK 和 Demo源码（jquery和Vue）上传流程 客户端上传...
JS 能力
本文介绍了在蚂蚁动态卡片中使用 JS 能力的方法。如果卡片需要 JS 能力，只需要在模板段内编写 JS 代码。在 vue 文件中按照如下格式，添加 script 段的代码。div class="root">()"></text></div></template><script>export ...
事件绑定
通用事件 在卡片中，可以绑定在模板中的事件有以下两种：点击：click 长按：longpress 模板用法 参照 VUE 格式，模板模式下事件绑定仅支持指令形式。指令形式支持简写格式。使用时，可绑定的事件名（即下文示例代码中的@click）由卡片注册...
uni-app接入
背景信息 uni-app 原生语言插件 阿里云号码认证SDK 插件是基于 HBuilder 提供的 uni-app 原生插件扩展能力开发出的认证插件，开发者可以轻松将阿里云号码认证能力集成到自己的项目中，在JS层实现相关功能。重要 本插件使用原生语言开发，仅...
使用CDN加速OSS上的图片资源分发
例如，一个使用Vue开发的前端项目，在打包后会产生很多CSS、JS以及一些图片。如果在发布时改动了某个图片，发布成功后，您访问站点时会发现是旧的图片。如果清除浏览器缓存后发现仍是旧图片，则可以判定为CDN未刷新缓存。此时需要获取该...
- 产品推荐
- 这些文档可能帮助您