内容介绍
本文主要介绍如何使用白板快照功能。
平台支持
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 所在域名。