前端接入萤石云

最新推荐文章于 2024-09-19 16:46:13 发布

努力赚大钱

最新推荐文章于 2024-09-19 16:46:13 发布

阅读量3.6k

点赞数 2

本文链接：https://blog.csdn.net/F_048731/article/details/108664943

版权

本文介绍了如何在前端项目中接入萤石云服务，包括通过npm和非npm两种方式。npm引入需通过npm下载并引入相关js，初始化容器使用EZUIKit.EZUIKitPlayer。非npm则需从官网下载文件夹，引入后初始化容器使用EZUIKit.EZUIPlayer。注意两者API不完全通用，且官方文档简洁导致易产生困惑。对于动态切换播放地址，作者提供了vue实现方案。

摘要由CSDN通过智能技术生成

萤石云有两个方法使用：

npm引入
非npm引入
两个方法中的js内容不同，所以容器初始化方法也不同
详情可到github查看：https://github.com/Hikvision-Ezviz

①npm引入：
步骤一：首先通过npn下载

npm install ezuikit-js

步骤二：项目中引入

import  EZUIKit from 'ezuikit-js';
// 或者下面原生script引入，二选一即可
<script src="./ezuikit.js"></script>

步骤三：初始化容器

//首先创建一个容器DOM
 <div id="video-container"></div>
//然后初始化,在合适的地方调用函数即可
init(url,accessToken){
   
	player =  new EZUIKit.EZUIKitPlayer({
   
      autoplay: true,
      id: