@Hello, I'm Tiw.@

这里是 Tiw 的 csdn 啦~

Tiw 是谁呢?是一个在 CQ 瑟瑟发抖的一个蒟蒻啦~

Tiw 已经搬去新博客了哦,就在博客园。
至于为什么搬博客呢?因为 csdn ……
嗯,因为 csdn 太好用了!

然后…… mark 一下我的博客园地址~ 如果感兴趣的话可以大概看看(并没有搬完所有的博客)。

https://www.cnblogs.com/Tiw-Air-OAO

恩大概就是这样,如果有什么多的事情我会加上的 qwq。

以下是在Uniapp PC端集成腾讯云互动白板的示例代码: 1. 在 `static` 目录下,新建一个 `tiw` 文件夹,并将腾讯云互动白板 SDK 的 JS 文件和 Wasm 文件放到该文件夹中。可以在腾讯云互动白板的官网下载 SDK,选择对应的平台和版本即可。 2. 在需要使用白板的页面中,添加以下代码: ```html <!-- 引入腾讯云互动白板组件 --> <canvas id="board"></canvas> ``` ```js import TencentCloud from '@/static/tiw/TencentCloud.min.js' import Tiw from '@/static/tiw/Tiw.min.js' export default { data() { return { board: null, // 白板实例 roomId: null, // 房间 ID userId: null, // 用户 ID userSig: null // 用户签名 } }, mounted() { // 初始化腾讯云互动白板 SDK Tiw.init({ sdkAppId: 'your-sdkAppId', secretKey: 'your-secretKey', wasmPath: '/static/tiw/Tiw.wasm' }) // 获取用户签名 TencentCloud.genUserSig({ sdkAppId: 'your-sdkAppId', userId: 'your-userId', secretKey: 'your-secretKey' }).then(res => { this.userId = 'your-userId' this.userSig = res.userSig }) }, methods: { // 进入房间 enterRoom() { // 创建白板实例 this.board = Tiw.createBoard({ userId: this.userId, userSig: this.userSig, container: 'board', // 白板容器的 ID width: 1280, // 白板的宽度 height: 720 // 白板的高度 }) // 加入房间 this.board.joinRoom({ roomId: this.roomId }) }, // 退出房间 exitRoom() { // 销毁白板实例 this.board.destroy() } } } ``` 注意:上述代码中的 `your-sdkAppId`、`your-secretKey`、`your-userId` 和 `this.roomId` 需要替换成你自己的值。同时,为了保证代码的安全性,用户签名的生成应该在服务端进行,这里为了演示方便,直接在客户端生成。在创建白板实例时,需要指定白板容器的 ID、白板的宽度和高度。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值