产品 / 解决方案
平台 / 框架

Web 平台如何实现对预览、拉流画面进行截图?

产品 / 插件:实时音视频 / 超低延迟直播

平台 / 框架:Web

更新时间:2022-11-16 15:31


在 Web 平台,使用 “video” 标签对预览、拉流画面进行渲染时,开发者可通过下述方式实现截图功能:

  1. 成功预览/拉流后,先通过 canvas 对象的 “drawImage” 方法,将对应video对象的数据绘制到 canvas;
  2. 绘制完成后,再通过 canvas 的 “toDataURl” 方法,把图像转换为 base64 编码的 url;
  3. 通过上述 url,开发者即可获取相应截图。
本篇目录
下载 PDF