当前位置：首页 > article >正文

Vue中接入萤石等直播视频（更新中ing）

article 2025/2/28 19:58:48

一、萤石：

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

<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>