vue 萤石云接入，通道切换

Vue.js是一个流行的前端框架，用于构建用户界面。萤石云（EgisTrend Open Platform）是一款智能视频监控平台。在Vue项目中集成萤石云通常涉及API调用和组件交互。

要接入萤石云并实现实时通道切换，你需要完成以下步骤：

1. **注册并获取API密钥**: 首先，你需要在萤石云官网注册账号，并创建应用以便获得API Key和Secret Key。

2. **安装依赖**: 安装axios库作为HTTP请求工具，可以方便地与萤石云的REST API通信。

npm install axios

3. **创建服务**:
- 创建一个Vue的服务文件（如`vue-egistrend-api.js`），封装萤石云相关的函数，例如登录、设备列表获取和通道切换等。

import axios from 'axios';

export const egistrendApi = {
  login(username, password) {
    // 发送POST请求登录
  },
  getDeviceList() {
    return axios.get('your-endpoint/device/list');
  },
  switchChannel(deviceId, channelId) {
    return axios.put(`your-endpoint/device/${deviceId}/channel`, { channel_id: channelId });
  }
};

4. **在组件中使用**:
- 在需要显示和切换通道的组件里，注入这个服务，然后处理用户的操作，比如点击事件触发通道切换。

<template>
  <button @click="switchToChannel(2)">切换到通道2</button>
</template>

<script>
import { egistrendApi } from '@/services/vue-egistrend-api';

export default {
  methods: {
    switchToChannel(channelId) {
      egistrendApi.switchChannel('device-id', channelId).then(response => {
        console.log('切换成功:', response);
      }).catch(error => {
        console.error('切换失败:', error);
      });
    }
  }
}
</script>