JavaWeb整合萤石云（一），VUE和小程序也适用

项目中需要接入一些视频，如果用自己的流媒体服务工作量很大，于是接入到萤石云上，支持直播回放等

准备工作

注册账号萤石开官网，登录萤石云的官网萤石开放平台下载所需的SDK

解压后有三个文件夹

如果使用HTML，可参考demos => base-demo

如果使用react，可参考demos => react-demo

如果使用vue，可参考demos => vue-demo

基本使用

html的方式

<script src="./ezuikit.js"></script>

vue

安装 ezuikit-js

$ npm install ezuikit-js

引入 ezuikit-js

import  EZUIKit from 'ezuikit-js';

基本使用

创建DOM

<div id="video-container"></div>

初始化

var player = new EZUIKit.EZUIKitPlayer({id: 'video-container', // 视频容器IDaccessToken: 'at.3bvmj4ycamlgdwgw1ig1jruma0wpohl6-48zifyb39c-13t5am6-yukyi86mz',url: 'ezopen://open.ys7.com/203751922/1.live',})

方法调用

示例：停止播放

  1. player.stop();2. player.stop().then(()=>{console.log("执行播放成功后其他动作");});

示例：执行播放（自动播放为false,自定义触发播放/切换播放地址）

  player.play();// 切换播放地址场景（注意先执行stop方法停止上次取流）player.play({url: 'ezopen://open.ys7.com/203751922/1.rec?begin=202001000000&end=202001235959'});

切换地址播放（注意需要先执行stop方法停止上次取流）

  player.stop().then(()=>{player.play('ezopen://open.ys7.com/{其他设备}/{其他通道}.live');});// 其他账号下设备player.stop().then(()=>{player.play({url:'ezopen://open.ys7.com/{其他设备}/{其他通道}.live',accessToken: 'xxxx'});});

用了官网的地址，展示效果

下篇写后端接口的获取数据 AccessToken，视频连接，通道，设备编号等

JavaWeb整合萤石云（一），VUE和小程序也适用相关推荐

uniapp 微信云开发静态网站和云函数跳转小程序
uniapp 微信云开发静态网站和云函数跳转小程序云开发静态网站的创建云函数及copy-webpack-plugin 安装copy-webpack-plugin可能遇到的问题静态网站和云函数的搭 ...
云开发（微信-小程序）笔记（五）----云函数，就这（上）
云开发(微信-小程序)笔记(四)---- 还有吗?再来点云函数云函数即在云端(服务器端)运行的函数.在物理设计上,一个云函数可由多个文件组成,占用一定量的 CPU 内存等计算资源:各云函数完全独立 ...
微信小程序云开发 mysql_微信小程序云开发数据库
如在云开发数据库的基础介绍中所说,云开发提供了一个 JSON 数据库,本章将介绍以下内容: 上手:用控制台创建我的第一个集合,插入我的第一条数据数据类型:了解数据库提供的数据类型权限控制:控制集合 ...
FinClip黑板报：3分钟了解Vue开发小程序的技术原理
Vue. React 和 Angular 是当前应用最广的三大前端框架,仅从 GitHub 趋势来看,Vue 更是排在了第一位,目前已经达到了 17 万的 Star. 目前,不管是 BAT 大厂,还是 ...
3分钟了解Vue开发小程序的技术原理
Vue. React 和 Angular 是当前应用最广的三大前端框架,仅从 GitHub 趋势来看,Vue 更是排在了第一位,目前已经达到了 17 万的 Star. 目前,不管是 BAT 大厂,还是 ...
vue微信小程序开发(二)---页面以及导航
vue微信小程序开发(二)-菜单以及页面这里写目录标题 vue微信小程序开发(二)---菜单以及页面图标的选择创建并注册页面底部导航大家好,我是代码哈士奇,是一名软件学院网络工程的学生, ...
浅入了解Vue开发小程序的技术原理
Vue. React 和 Angular 是当前应用最广的三大前端框架,仅从 GitHub 趋势来看,Vue 更是排在了第一位,目前已经达到了 17 万的 Star. 目前,不管是 BAT 大厂,还是 ...
用 vue 写小程序，基于 mpvue 框架重写 weui
mpvue-weui 前言上周美团开源了 mpvue 框架,他基于Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系.what,小程序可以用vue写了?简直有点不太敢确定, ...
腾讯云10亿扶持小程序：3元套餐可能免费
腾讯云10亿资金扶持"小程序·云开发",对超过100万小程序开发者提供免费云开发资源支持. 1月9日,正值小程序正式发布两周年,腾讯云在2019年微信公开课PRO上宣布,将推出总价 ...
小程序·云开发，属于小程序的全栈开发机遇
web前端教程用大白话,来讲编程近日,腾讯云"小程序·云开发"解决方案正式上线. 该方案通过简化复杂的后端和运维操作,让即便不具备一定后端知识的开发者也能高效开发出一款高质量的 ...

JavaWeb整合萤石云（一），VUE和小程序也适用

方法调用

JavaWeb整合萤石云（一），VUE和小程序也适用相关推荐

最新文章

热门文章