内容介绍
本文主要介绍如何使用白板快照功能。
平台支持
iOS | Android | Windows | Mac OS | Web | 小程序 |
✓ | ✓ | ✓ | ✓ | ✓ | × |
如何使用
平台 | 接口 | 回调 |
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 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 所在域名。