Vue中接入萤石等直播视频(更新中ing)

一、萤石:

1. 萤石云开发文档: https://open.ys7.com/help/31

2、安装: npm install ezuikit-js --save

3、在文件中引用:import EZUIKit from 'ezuikit-js'

4、具体代码:

获取accessToken:https://open.ys7.com/help/81?h=https://open.ys7.com/api/lapp/token/get
javascript 复制代码
<template>
	<div id="video1" class="video-item"></div>
</template>
<script lang="ts">
import { defineComponent, nextTick, reactive, toRefs, watch } from 'vue'
// 引入萤石云
import EZUIKit from 'ezuikit-js'

export default defineComponent({
  	name: 'VideoDialog',
    setup (props, { emit }) {
    	const YingShiYunVideoPlay = () => {
			const player = new EZUIKit.EZUIKitPlayer({
			  id: 'video1',
			  accessToken: '根据appKey和secret获取的accessToken',
			  url: '拿到的直播链接,以 ezopen:// 开头',
			  template: 'standard',
			  width: 278,
			  height: 156
			})
			player.play()
			// player.stop() // 停止播放
		}
	}
})
</script>

二、乐橙:

https://www.cnblogs.com/why-cn/p/17247548.html

https://www.jianshu.com/p/3d36d5261750

相关推荐
Mintopia8 分钟前
Three.js 物理引擎:给你的 3D 世界装上 “牛顿之魂”
前端·javascript·three.js
Jeremy_Lee12311 分钟前
grafana 批量视图备份及恢复(含数据源)
前端·网络·grafana
import_random17 分钟前
[python]conda
前端
亲亲小宝宝鸭18 分钟前
写了两个小需求,终于搞清楚了表格合并
前端·vue.js
BUG收容所所长20 分钟前
栈的奇妙世界:从冰棒到算法的华丽转身
前端·javascript·算法
令狐寻欢25 分钟前
JavaScript中常用的设计模式
javascript
xingba28 分钟前
重写IE的showModalDialog模态框以兼容现代浏览器
前端·javascript·google
前端小巷子28 分钟前
Promise 静态方法:轻松处理多个异步任务
前端·面试·promise
梨子同志34 分钟前
JavaScript Set 和 Map 数据结构
前端·javascript
令狐寻欢35 分钟前
JavaScript中常用的数据结构与算法
javascript