VUE3集成声网互动白板功能

打铁还嘘自身硬

于 2024-03-25 15:38:18 发布

阅读量791

点赞数 9

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_63172990/article/details/137016155

版权

集成声网互动白板功能技术文档

技术栈

vue3 + 声网SDK(npm add @netless/fastboard @netless/window-manager white-web-sdk)

代码块

<template>
  <div class="hello">
    <div>
      <input type="text" v-model="uid" placeholder="uid"/>
      <input type="text" v-model="uuid" placeholder="房间 UUID"/>
      <input type="text" v-model="token" placeholder="房间 Token"/>
      <button v-on:click="joinRoom">加入</button>
    </div>
    <div ref="boardRef" style="width: 600px; height: 400px; border: 1px solid;"></div>
  </div>
</template>

<script setup>
import {createFastboard, createUI} from "@netless/fastboard";
import {ref} from "vue";

const boardRef = ref();
const uid = ref("")
const uuid = r