问题标签 [get-display-media]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

56 问题

0 投票

0 回答

37 浏览

javascript - 使用 getDisplayMedia() 捕获系统音频时防止回声

我正在构建一个 JavaScript 应用程序以在单个页面上同时显示屏幕共享和相机输入。目的是使用这些应用程序自己的共享工具将该浏览器选项卡共享到其他应用程序（Zoom 等）中（所以我自己没有使用 WebRTC）。一切都很好，除了音频。

我感兴趣的音频来自单个（非基于网络的）应用程序，所以我知道捕获它的唯一方法是捕获整个屏幕和系统音频。但是，如果我将这个媒体分配给一个视频对象（练习的重点），我就会被困在一块石头和一个坚硬的地方之间。如果我将视频对象静音，听起来不错，但是，将选项卡共享给外部应用程序不会发送任何音频，因为。如果我不使视频对象静音，我会得到回声——不是来自我的麦克风，而仅仅是因为来自视频对象的声音现在是系统音频的一部分，然后会反馈到屏幕共享中。

问题对我来说很清楚，解决方案不是。原则上，echoCancellation 设置似乎是为处理这个问题量身定做的，但它没有任何效果。否则我没有正确使用它。我将它作为对 getDisplayMedia() 调用的约束：

并调用：

关于它是如何工作的，我有什么遗漏吗？或者我可以使用一些技巧来使我的应用程序的输出作为“标签音频”提供给想要共享标签的程序，但不知何故不将其包含在系统音频中？

我尝试阅读有关 Web Audio API 的内容，看看是否有帮助，这似乎很有希望，但它也相当令人难以抗拒。我真的是一个新手。

2022-01-26T19:45:17.320

0 投票

0 回答

17 浏览

javascript - 使用 screenCaptureAPI(getDisplayMedia) 与音频共享屏幕时出现回声问题

我们正在使用 JavaScript 使用 Screen Capture API(getDisplayMedia) 实现与音频共享屏幕。为了获得请求的屏幕，我们在 getDisplayMedia(constraints) 中传递了以下约束，

然后我们通过 webRTC 分享了承诺的流，

让我们考虑 A 和 B 用户在那里，A 正在共享屏幕并且屏幕通过 webRTC 共享给 B 然后用户 B 遇到 ECHO 问题（在与用户 A 交谈时），

注意：如果用户 A 共享特定的选项卡/窗口屏幕，则用户 B 不存在 ECHO（与用户 A 交谈时）

我们正在使用 getDisplayMedia(constraints) 如下所示，

任何帮助，将不胜感激。谢谢。

javascript webrtc screen-capture screensharing get-display-media

2022-02-11T08:00:37.523

0 投票

1 回答

15 浏览

javascript - 在确定感兴趣元素的位置后裁剪浏览器窗口的相关部分

我有一个网页，我在 iframe 中嵌入了 YouTube 视频。我需要捕获 YouTube 视频的屏幕截图。由于跨域限制，使用 html2canvas 和 dom2image 之类的库不起作用。

因此，我想到了使用getDisplayMedia()捕获完整浏览器窗口的屏幕截图，然后使用drawImage()裁剪相关部分的想法。在我看来，这似乎完全有道理，只需识别 iframe 的位置，然后使用 drawImage 裁剪它。但是，它不会裁剪所有屏幕尺寸的相关部分。当我更改屏幕分辨率或放大时，它似乎坏了。

另一个想法是编写一个人工智能算法来捕捉这一点。但我认为这是矫枉过正。关于如何使其适用于所有屏幕尺寸和分辨率的任何想法？

javascript html canvas drawimage get-display-media

2022-02-13T20:56:14.193

0 投票

0 回答

77 浏览