相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的...，于是三下两除二写了几个接口就完成了--小白板，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也无法在Vue项目上使用...，于是闲着也是闲着，笔者就花了差不多一个月的业余时间来做了一个草率版的，框架无关，先来一睹为快： 也可体验在线demo：https://wanglin2.github.io/tiny_whiteboard_demo...本文的配图均使用笔者开发的白板进行绘制。 简单起见，我们以【一个矩形的一生】来看一下大致的整个流程实现。...element === activeElement; }); allElements.splice(index, 1); renderAllElements(); }; 小结 以上就是白板的核心逻辑
使用 使用很简单，就是一块大白板，没有任何的技术含量~ 不过目前还有小问题，无法使用实时协作的功能。
上一篇我做了一个在线白板！
一、WBO白板工具介绍1.1 WBO白板简介WBO是一个自由和开源的在线协作白板。它允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。...jeven192.168.3.166 centos 7.63.10.0-957.el7.x86_64v16.17.02.2 本次实践介绍1.本次实践部署环境为个人测试环境；2.在centos7.6环境下WBO在线协作白板...6.2 创建私人白板创建可命名的私人白板，可以愉快的使用wbo白板了。6.3 在线协作进入公共白板，进行绘图操作。在另外一台电脑或浏览器打开，可以进行协作绘图。...八、WBO在线协作白板使用总结wbo白板工具目前仅支持基本的绘画、文字和标注工具，暂不支持高级功能如形状、图表等。此外，在进行协作时，需要确保网络连接稳定，否则可能会发生卡顿或数据丢失等问题。...总体而言，wbo是一款简单易用的在线白板协作工具，广泛应用于团队合作、教学、头脑风暴等场景，具有较高的应用价值。我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！
在线教育不同于线下教育， 内容需要经过电子白板展现给用户，如何做出优秀的在线教育白板成为研究的重点。...今天的话题主要围绕在线教育，也就是如何借助技术的力量将知识更生动地传递给学生，其中一种方式是电子白板。...可以说电子白板在在线教育领域起着举足轻重的作用，学而思网校今年的学员数量已达到百万级别，在电子白板相关领域积累了一定的实践经验。 本次我将围绕相关实践经验和以下几个方面进行分享。...与传统游戏直播等领域的思路不同，由于对互动性与课堂表现形式的要求更高，在线教育中内容表现的重要性更大。在线教育白板主要有以下两种展现形式：视频流传输或素材传输。...2、在线教育的白板技术分享 电子白板实现诸多功能，离不开渲染的功劳。渲染具体是指将数据以符合用户观感的形式展现，主要是借助GPU或CPU的运算。
WBO是一个自由和开源的在线协作白板。它允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。...同时，WBO支持公共模式和私有模式，既可以让所有的访问者一起绘制，也可以几个好友创建一个私密共享的白板。下面是公共白板的截图，所有打开这个公共白板的人都可以实时看到别人的绘制成功。
教学白板是在线教育平台中不可缺少的功能，它的作用就如线下教室的黑板，讲师通过它进行板书、课件展示等操作。下面小编以iOS版本的在线教育平台开发为例，来说明白板功能是如何实现和调用的。...[self presentViewController:alertVC animated:YES completion:nil]; } }]; } 2、加入白板房间...{ //配置头像，可以在操作的白板的时候展示头像 NSDictionary *payload = @{@"avatar": [Config getavatarThumb]};...10; [self.room setMemberState:currentmState]; 4、退出房间 [self.room disconnect:nil]; 以上就是iOS版本的在线教育平台开发过程中...，教学白板的实现和调用过程。
前言 本文主要介绍如何在Ubuntu系统使用Docker部署开源白板工具Excalidraw，并结合cpolar内网穿透工具实现公网远程访问绘制流程图。...Excalidraw是一款手绘风格流程图、示意图、架构图在线绘制工具，界面简洁，交互细致，上手简单，操作习惯和大部分制图软件相似。...创建隧道： 隧道名称：可自定义，注意不要与已有的隧道名称重复，本例使用了：exdraw 协议：http 本地地址：5000 域名类型：随机域名 地区：选择China Top 点击创建 创建成功后,打开左侧在线隧道列表...将保留成功的二级子域名配置到隧道中 域名类型：选择二级子域名 Sub Domain：填写保留成功的二级子域名：exdraw 地区：选择China VIP 点击更新(注意,点击一次更新即可,不需要重复提交) 更新完成后,打开在线隧道列表
文章目录 前言 WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。...下面结合cpolar内网穿透工具,实现远程访问我们本地的WBO白板,远程访问的好处包括： 可以让多个用户在不同的地点同时协作，提高工作效率和沟通效果。 可以随时随地访问和编辑白板，方便灵活。...可以实时更新和保存白板状态，方便后续查看和修改。 1....：可自定义命名，注意不要与已有的隧道名称重复 协议：选择http 本地地址：5001(本地访问时的端口) 域名类型：免费选择随机域名 地区：选择China 点击创建 隧道创建成功后，点击左侧的状态——在线隧道列表...点击右侧的编辑 修改隧道信息，将保留成功的二级子域名配置到隧道中 域名类型：选择二级子域名 Sub Domain：填写保留成功的二级子域名 点击更新(注意,点击一次更新即可,不需要重复提交) 更新完成后,打开在线隧道列表
IM应用，可使用它们的sdkappid调用互动白板接口（初始化），将会在互动白板控制台生成对应的互动白板应用，之间会有延时。...从创建白板实例开始，以销毁白板实例（断网、强杀APP）结束。 8、是如何判断用户是否在持续使用互动白板的呢？如果中间有停止还会被记录时长吗？ 只要网络畅通，且白板没有被销毁就会持续计时。...9、无论是否操作白板，都会被计入使用时长吗？ 是的 10、哪些情况下会终止“互动白板使用时长”的计费呢？ 主动销毁白板实例 断网 强杀APP 11、有没有检测长时间不操作结束白板的机制？...没有，结束白板必须销毁白板实例 12、“互动白板录制时长”，技术上是如何判定的？ 调用开始录制，并配置的回调地址收到开始录制的回调，则开始录制。...另外：房间内5分钟没有音视频上行及白板操作，以及暂停超过30分钟会导致实时录制自动停止。 13、在使用白板和音视频的时候，不把白板关掉，放在后台，不当做主屏幕显示，会产生计费白板计费吗？
互动白板提供了云端实时录制功能，可以录下白板画面。同时也支持混流录制，将实时音视频与白板画面混流录制，也支持白板与音频或视频混流录制。...房间内5分钟没有音视频上行及白板操作，以及暂停超过30分钟会导致实时录制自动停止。...目前不支持录制视频文件演示过程 7、发起录制失败 根据接口返回的错误码排查，常见的有数据格式与参数类型错误可对照文档校对 8、白板与音频/视频/音视频录制之后，都会混流为mp4文件吗？ 是的。...房间内5分钟没有音视频上行及白板操作，以及暂停超过30分钟会导致实时录制自动停止。...为什么混流录制白板与视频的位置错乱？
Flat 是一款开源的在线协作白板软件 big 软件介绍 Flat 是一款基于 Web 技术的协作白板软件，旨在为用户提供简单、直观且高效的在线协作体验。...2.多种编辑工具：Flat 提供了丰富的编辑工具，包括画笔、橡皮擦、文本输入等，使用户能够以各种不同的方式在白板上进行创作。...3.图片和文件的上传：用户可以将图像和文件直接从本地设备拖放到白板上，方便地共享和演示。 4.会议与讨论：Flat 支持创建会议和讨论，用户可以邀请其他人参与讨论，一起与模块进行交流和沟通。...5.云端存储：所有的白板内容和编辑历史都会被自动保存在云端，用户可以随时随地访问和恢复之前的工作。...如果您对实时协作白板有兴趣，不妨体验一下 Flat！
>>>>实时协作 不管我们在什么地方，只要有网络，所有人的的想法都可以汇在一张白板上面。 我们试了一下，正常网速下，可以还原多个人画画写写的过程，适合远程头脑风暴之类的讨论。...>>>>丰富的工具条 这款应用虽然轻量，但是常规功能全有，甚至比某些白板工具更贴心。...选择不同颜色、粗细的画笔 选择直尺画直线 点击「+」添加便签和本地图片 或者选择「必应图像」，在线搜索图片，点击「+」添加图片至白板中。...>>>> 而且是免费的 个人觉得请轻量级白板应用已经足足够够，加之又是免费的。微软貌似一下子断了很多白板App的财路。
本文讲解开源白板工具 Excalidraw 的架构设计。 版本 0.16.1 技术栈 Vite + React + TypeScript + Yarn + Husky。...结尾 Excalidraw 作为一款白板工具，功能很完善，美中不足的地方就是代码写得太面条。
白板工具一般用来头脑风暴、自由地构思想法以及做互动课程，但你是否设想过用白板用来做一张产品地图！...但是Miro这款白板工具的产品更新设计真的别出心裁：白板地图 + 白板视频交互，好像一位探索家到处探索并且还有人给你指路。 让我们一起进入城镇吧！...当我们徘徊在Miro白板的城门前，就会有这个地图的图例说明，能够让你了解如何使用这个白板。...其实这里就是一个使用白板做信息聚合的绝佳案例： 文字导航：让你能够了解主要的地图信息 视频导航：就在白板中查看视频讲解 资源导航：点击链接跳转了解更多 当我们进入Miro更新的城门后，我们可以随意探索！...这仅仅只是这张白板展示的很小的一部分，如果你想要探索更多，就可以缩小到一定范围，并且让Talktrack的朋友引导你了解有哪些好用的白板功能！ 看到这里，你是否也想要体验一下这种沉浸式的白板体验呢？
因此，我们想到了如何解决此问题的想法：我们使用普通的RGB摄像头和一个人的手将任何墙壁或平坦的表面转换为交互式白板。...研究阶段 寻找实现此想法的方法，我们假设控制AI白板最简单的方法是使用指尖并选择以下手指组合进行控制： 然后，我们寻找诸如手部和/或指尖检测器之类的解决方案，这些解决方案将帮助我们快速有效地实施该系统...、 在对不同选项进行分析和测试期间，我们决定将流程分为3个主要阶段： -图像中的手部检测 -指尖本地化 -与白板的交互 手势检测 作为一种手部检测器，我们选择了神经网络，因为它比传统的检测/跟踪对象的方法更灵活...运行我们的第一个原型所需的最后一步是实现与AI白板的各种交互，即处理指尖检测器的输出。...然后，我们可以使用此升级版本来进一步改进我们的AI白板。 性能提升 尽管Jetson Xavier NX具有相当强大的图形处理器单元，但对于我们的神经网络管道，它仍然无法实现实时视频处理。
Excalidraw，一个开源的虚拟手绘风格白板，提供了一个简单而强大的解决方案，让创作变得轻松而有趣。 什么是 Excalidraw？...Excalidraw 是一个在线应用程序，允许用户创建手绘风格的图表、线框图或其他图形。它以其简洁的界面和直观的用户体验而受到用户的喜爱。...结语 Excalidraw 是一个多功能、易用的虚拟手绘白板工具，无论是个人使用还是团队协作，都能提供极大的便利。它的开源特性和丰富的功能使其成为创意表达的强大工具。
不会 3、可以同时创建多个白板吗？ 可以调用新增一页白板接口 4、互动白板上传文件有敏感内容审核吗？ 有 5、web端集成之后，最后为什么视频是黑色的，并且要点击视频上的控件播放了才播放的？...添加的h5图片或者网页 在自己本地能够移动 但是对端是不能同步移动的 8、addImagesFile：批量导入图片到白板一次可以添加多少图片？...urls总长度不超过7K个字节 9、如何使用腾讯云 IMSDK 同步数据 移动端与pc端在初始化白板前先对IMSDK进行初始化-登录-加入群组，之后白板操作数据会自动同步到各端 web端不同于其他端，使用...IMSDK进行数据同步时，白板数据会通过回调on抛出，需要开发者再使用IM接口sendMessage接口发送数据到同一个roomId里，sdk内部会自动解析白板的数据并展示到界面上。...10、轨迹（路径）动画经常出现不同步 轨迹动画是没有状态的，没有办法保存这种路径动画的状态同步到对端，目前在白板同步时会有不同步的情况，请谨慎使用
介绍 Excalidraw 是一款非常轻量的在线白板工具，可以直接在浏览器打开，轻松绘制具有手绘风格的架构图，如果你日常有画架构图，流程图，泳道图，记录一些自己的思想，甚至是简单的原型图，都可以使用它，...今天推荐 Excalidraw 的主要原因是非常美观好看，并且有在线各种素材库选用，可以作为 ProcessOn 备用方案，本人自己两者都在使用，因为 ProcessOn 个人版有文件数量限制，往往不够用...，那么临时要画图的话可以考虑今天这款开源手绘风格画图白板，最重要的是它是一个开源项目，当然官方也推出了商业版本 Excalidraw+ ，作为个人免费开源版完全够用了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
