opentok - 如何制作 OpenTok 视频聊天的截图?
问题描述
我正在尝试 OpenTok(来自 GitHub Basic-Video-Chat 的示例)并想保存屏幕截图。有人可以推荐我怎么做吗?也许,我应该以某种方式从订阅者视图中获取位图?
解决方案
这是我在 react js 中的表现
if (
otCore.internalState &&
otCore.internalState.subscribers &&
otCore.internalState.subscribers.camera
) {
let streams = otCore.internalState.subscribers.camera;
let key = Object.keys(streams)[0];
let object = streams[key];
if (object) {
let imgData = object.getImgData();
let div = document.createElement("div");
div.style =
"display: flex;justify-content: center;flex-direction: column;justify-items: center;align-items: center; min-height: -webkit-fill-available;";
let img = document.createElement("img");
img.setAttribute("src", "data:image/png;base64," + imgData);
img.setAttribute("height", "60%");
img.setAttribute("width", "70%");
var imgWin = window.open("", "", "postwindow");
imgWin.document.write("<title>DstTok:Annotation</title>");
imgWin.document.write("<body style='background:#666666'></body>");
div.appendChild(img);
imgWin.document.body.appendChild(div);
}
}
}
推荐阅读
- timer - PLC 中的倒数计时器 - 结构化文本
- javascript - 带有角色警报的 IE11 JAWS 可访问性问题
- groovy - 如何跳过有效载荷的第一行 - groovy
- java - 为什么我需要使用瞬态关键字来避免 java.lang.StackOverflowError 使用 Gson 和 SocketChannel 属性?
- augmented-reality - How to place 3d model in arcore with accurate size of 3d model in real life
- java - 如何在java中将字符串转换为日期?
- php - 在 Laravel 6 上使用自定义身份验证
- python - Kivy 中的 3D 图形
- unit-testing - OpenCover 不工作,它总是显示 0% 代码覆盖率
- docker-image - vcredist_x86.exe 无法安装在从 mcr.microsoft.com/windows/servercore:10.0.14393.3506 构建的容器中