腾讯云互动白板白板快照-教育服务解决方案

互动白板

11 月 29, 2022

171 0

内容介绍

本文主要介绍如何使用白板快照功能。

平台支持

iOS	Android	Windows	Mac OS	Web	小程序
✓	✓	✓	✓	✓	×

如何使用

平台	接口	回调
iOS	snapshot:	onTEBSnapshot:errorCode:errorMsg:
Android	snapshot(TEduBoardSnapshotInfo info)	onTEBSnapshot(int code, String msg)
Windows	snapshot(TEduBoardSnapshotInfo *info)	onTEBSnapshot(int code, String msg)
Mac OS	snapshot:	onTEBSnapshot:errorCode:errorMsg:
Web	snapshot({userData:’透传字段’})	TEB_SNAPSHOT({image:’base64**’, userData:’透传字段’})

前端配置

如果您在互动白板中使用了自研 H5 页面，由于 iframe 禁止跨域截屏，请在 H5 页面中集成 h5webctrl.js 即可，没有集成 h5webctrl.js 的第三方页面因跨域限制则不支持白板快照功能。

后台配置

白板快照的原理是将 DOM 节点转为图片，由于跨域资源共享（CORS）机制，浏览器或 Webview 默认禁止对非同域资源截屏，如果您的白板包含视频文件、图片元素、已转存的静态 PPT、已转存的缩略图、已转存的动画 PPT，请配置 HTTP Header 的 Access-Control-Allow-Origin 参数。如果您使用的是腾讯云 CDN 服务，请在对应域名的【高级配置】中【添加 HTTP Header】即可。

参数	值
Access-Control-Allow-Origin	*

如果您需要对跨域访问做精确的控制，请按以下选项配置：允许所有域名访问，配置 Access-Control-Allow-Origin 为 * 只允许特定域名访问只有移动端或桌面端，Access-Control-Allow-Origin 添加域名 https://res.qcloudtiw.com只有 Web 端，Access-Control-Allow-Origin 添加 Web 所在域名。

腾讯云官网1折活动，限时活动，即将结束，速速收藏
 同尘科技为腾讯云授权服务中心。
购买腾讯云产品享受折上折，更有现金返利。同意关联立享优惠