白板快照

最近更新时间:2024-09-11 10:20:21

我的收藏

内容介绍

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

平台支持

iOS
Android
Windows
Mac OS
Web
小程序
×

如何使用

前端配置

如果您在互动白板中使用了自研 H5 页面,由于 iframe 禁止跨域截屏,请在 H5 页面中集成 h5webctrl.js 即可,没有集成 h5webctrl.js 的第三方页面因跨域限制则不支持白板快照功能。
<script src="https://res.qcloudtiw.com/board/third/h5webctrl/h5webctrl.min.js"></script>

后台配置

白板快照的原理是将 DOM 节点转为图片, 由于跨域资源共享(CORS)机制,浏览器或 Webview 默认禁止对非同域资源截屏,如果您的白板包含视频文件、图片元素、已转存的静态 PPT、已转存的缩略图、已转存的动画 PPT,请配置 HTTP HeaderAccess-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 所在域名。