在getUserMedia()摄像头视频之上，WebcamToy是如何获得奇怪的效果的？
WebcamToy是一个基于Web技术的在线摄像头应用程序，它可以通过getUserMedia()方法访问用户的摄像头视频流，并在此基础上实现各种有趣的效果。它之所以能够获得奇怪的效果，是因为它利用了WebRTC技术和HTML5 Canvas元素的强大功能。
WebRTC是一种实时通信技术，它允许浏览器之间直接进行音视频传输和数据共享，而无需借助插件或第三方软件。getUserMedia()方法是WebRTC的一部分，它允许网页应用程序访问用户的摄像头和麦克风设备。
WebcamToy利用getUserMedia()方法获取摄像头视频流，并将其传递给HTML5 Canvas元素进行处理和渲染。Canvas元素是HTML5中的一个重要特性，它提供了一个可以通过JavaScript进行绘图的区域。通过在Canvas上绘制图像、应用滤镜、调整颜色和透明度等操作，WebcamToy可以实现各种奇怪的效果。
WebcamToy的奇怪效果可能包括但不限于以下几种：
- 滤镜效果：通过在Canvas上应用各种滤镜，如黑白、模糊、怀旧等，可以改变摄像头视频的外观和风格。
- 实时特效：利用Canvas的绘图功能，可以实时添加各种特效，如马赛克、扭曲、变形等，从而使摄像头视频呈现出奇特的效果。
- 图像处理：通过JavaScript图像处理库，如Canvas API或WebGL，可以对摄像头视频进行更高级的图像处理，如边缘检测、人脸识别等，从而实现更加复杂的效果。
WebcamToy的应用场景非常广泛，包括但不限于以下几个方面：
- 娱乐和社交：WebcamToy可以为用户提供有趣的摄像头体验，使他们能够在社交媒体平台上分享独特的照片和视频。
- 创意艺术：艺术家和设计师可以利用WebcamToy的奇怪效果来创作艺术作品，探索摄影和视频的新领域。
- 教育和培训：WebcamToy可以用于教育和培训领域，例如人脸识别技术的学习和实践。
腾讯云提供了一系列与WebRTC和HTML5 Canvas相关的产品和服务，可以帮助开发者构建类似WebcamToy的应用程序。具体推荐的产品和产品介绍链接如下：
- 实时音视频通信（TRTC）：腾讯云的实时音视频通信服务，提供了基于WebRTC的音视频通信能力，支持摄像头视频的采集、传输和渲染。详情请参考：https://cloud.tencent.com/product/trtc
- 云点播（VOD）：腾讯云的云点播服务，提供了强大的音视频处理和分发能力，可以用于存储和处理WebcamToy生成的照片和视频。详情请参考：https://cloud.tencent.com/product/vod
- 人脸识别（FRT）：腾讯云的人脸识别服务，提供了人脸检测、人脸比对等功能，可以用于WebcamToy中的人脸识别效果。详情请参考：https://cloud.tencent.com/product/frt
请注意，以上推荐的腾讯云产品仅供参考，具体选择和使用需根据实际需求进行评估和决策。
相关·内容
我对整个WebRTC是个新手，我已经阅读了大量关于如何处理视频录制的文章和不同的API。似乎我读得越多，整个事情就越令人困惑。我知道我可以使用像Nimbb这样的解决方案，但可以说，我更愿意把所有的东西都放在家里。按照我现在获得代码的方式，页面加载，用户单击一个按钮来确定输入类型(文本或视频)。当单击视频按钮时，网络摄像头将被初始化并打开以进行录制。但是，来自网络摄像头的流不会显示在页面本身中。这似乎是因为视频的src实际上是一个对象。奇怪的是，当我试图通过登录控制台来获取有关该对象的更多信息时，我只得到了一个名为currentTime的对象属性。这个对象如何创建视频元素的实际源？我已经尝试了下
浏览 3提问于2015-04-28得票数 0
我正在使用navigate.getUserMedia()方法在我的手机上捕获视频，并对其进行进一步处理。但到目前为止，它是使用前置摄像头拍摄视频的。我怎样才能接近后置摄像头？？
下面是我在应用程序中使用的一些示例代码：
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;
if (navigator.getUserMedia){
navigator.getUserMedia({video: true}, successCallback, errorCallback);
提
浏览 0提问于2013-05-29得票数 22
回答已采纳
1回答
刷新摄像头流jquery
、、、、
我使用getUserMedia在div中显示网络摄像头流。我正在尝试将一些CSS效果应用于视频流，比如filter : blur(15px);和其他一些CSS效果。
问题是，当我应用这个类时，效果不起作用，但如果它是加载的，就像在页面加载时在.effect0上一样，它就会起作用。
有谁知道我如何只刷新摄像头流来查看效果，并向我解释如何在我的代码中包含它？
如果你读了我的文章，非常感谢，如果你能帮助我，再次感谢你！
我的代码：
var video = document.querySelector("#videoElement");
navigator.ge
浏览 1提问于2016-12-12得票数 0
我正在用: Html，Css和Javascript制作一个应用程序，我想要那个应用程序访问移动摄像头并录制用户脸上的视频，我使用Adobe将我的代码转换成.apk。
在StackOverflow中有类似的问题，但是任何人都帮不了我，我试过在谷歌上搜索，但是我什么也没找到
我试过这样做：
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMed
浏览 0提问于2019-05-23得票数 0
1回答
我已经在HTML5中使用getUserMedia()成功获取了本地摄像头的视频流，但是只有一个摄像头，我有两个摄像头，如何同时获取它们的视频流。
浏览 9提问于2013-05-13得票数 5
4回答
我需要创建一个应用程序，可以记录视频使用网络摄像头或移动摄像头(它需要跨平台)。
到目前为止，我已经使用webrtc getusermedia编写了一个小的概念证明。它可以录制视频和回放，但我不确定如何让文件上传回服务器。
以下是指向此示例的链接
和javascript代码：
(function ($) {
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
navi
浏览 3提问于2013-02-20得票数 13
3回答
我正在尝试使用getusermedia录制网络摄像头视频。
我点击了这个链接
我们如何知道视频是否真的被录制了。webcamstream.record是否正常工作？
浏览 1提问于2013-11-11得票数 1
我正在尝试制作一个样机，它的界面显示在一个html页面上。我已经成功地在画布元素中嵌入了一个视频，它基本上是使用我电脑上的集成/外部摄像头来显示用户的脸/身体，这取决于离屏幕的距离。
问题:我需要的是能够消除背景，这样只有人的脸/身体是可见的，其余的是透明的。我需要这个，这样div标签就可以覆盖在背景之上，这样如果站在设备前面的人站在不同的背景设置中(如UI上所示的空间，山，城堡等)，而不是他们在房间里的实际位置。如何在其中使用一些图像处理代码，以及如何实现此效果？
到目前为止，我正在使用的代码：
<div id=outerdiv>
<video id
浏览 3提问于2015-04-23得票数 1
我不能很好地解决这个问题，或者是否有可能更换摄像头。 我试着在第二次调用getUserMedia之前停止视频轨迹，希望停止视频轨迹可以关闭前置摄像头，这样后置摄像头就可以打开，但就是不起作用。 var oldStream; // the old stream from getUserMedia
Function SwitchCamera() {
oldStream.getVideoTracks()[0].stop();
navigator.mediaDevices.getUserMedia({audio: true, video: {deviceId: 'rea
浏览 55提问于2020-04-11得票数 0
回答已采纳
我已经用Cordova创建了一个web应用程序，我需要在我的背景中显示一个实时的摄像头流。来自Cordova的摄像头/视频API似乎只是打开本地摄像头/视频应用程序，而不是返回实时摄像头数据。我真正需要的是像getUserMedia()这样的东西，它只能在Opera和Chrome上使用(2012年6月)。
在Cordova或任何行为类似的插件中有没有使用getUserMedia()的填充程序？
浏览 2提问于2012-06-06得票数 40
3回答
我在试着设置视频流媒体网站。我发现，在getUserMedia的帮助下，你可以在浏览器中使用摄像头。下面是我写的javascript代码：
function stream() {
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
if (navigator.getUserMedia) {
浏览 1提问于2015-05-03得票数 2
如果在Chrome中使用网络摄像头，则该页面的选项卡上会有一个红点。如果其他页面试图访问网络摄像头，视频将会变黑。我的问题是，它是否能够与JavaScript确认网络摄像头正在使用中？多么?
通过使用navigator.getUserMedia，我尝试了以下代码：
navigator.getUserMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia || navigator.mozGetUserMedia ||
navigator.msGetUserMedia;
navigator.getUserMed
浏览 17提问于2017-02-14得票数 4
回答已采纳
我已经为iPads构建了这个web应用程序，它使用getUserMedia并将最终的视频流到网站上的一个视频元素中。我使用的型号是iPad Air，后摄像头分辨率为1936x2592。当前，getUserMedia方法的约束是：
video: {
facingMode: 'environment',
width: { ideal: 1936 },
height: { ideal: 2592 }
}
但是，当我把视频放进去的时候，它看上去相当粗糙。在控制台日志中挖掘获取流、视频轨道以及该轨道的设置后，视频的分辨率似乎已经缩小到720x1280。有什么特别的
浏览 21提问于2018-10-19得票数 7
回答已采纳
我正在尝试打开旧手机(android 5.0版)中的后置摄像头。由于这些旧设备不支持navigator.mediaDevices && navigator.mediaDevices.getUserMedia，所以我只能依靠webkitGetUserMedia。我已经成功地打开了一个摄像头并显示视频，但它只使用前置摄像头，我需要一个后置摄像头视频。以下是我的代码
if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia({video: true}, func
浏览 25提问于2019-02-26得票数 0
当网络摄像头的视频流和音频流被getUserMedia获取并分配给<video>元素时，我可以看到和听到自己。然而，音轨变成了反馈噪声。
然而，HTMLMediaElement.muted或HTMLMediaElement.defaultMuted似乎并不适用于实时摄像头视频。
即使<video>元素没有连接到DOM (由JS创建)，也会产生反馈。
如何在不完全禁用流的音频(带有audio:false的getUserMedia)的情况下将音频反馈静音？例如，音频应该可以与AudioContext一起使用。
浏览 1提问于2015-09-22得票数 3
1回答
如何向rtmp发送摄像头视频
、、、、
我正在使用的实时流媒体的目的。
我试图生活流，我的网络凸轮，这个网站显示的选项，活流网络凸轮，但实验性。
当我看到源代码后，我按下网络凸轮流。
swfobject.embedSWF("<?php echo $global['webSiteRootURL']; ?>plugin/Live/view/webcam.swf", "webcam", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params,
浏览 5提问于2020-06-27得票数 1
我已经实现了视频聊天功能，代码在下面的代码片段中提到。但我正在尝试使用相同的PeerJS来使ScreenSharing工作。
关于答案，它说我们必须从getUserMedia获取屏幕分享流，而不是网络摄像头视频流。但是在下面的代码中，我到底该如何做呢：
var n = <any>navigator;
n.getUserMedia = ( n.getUserMedia || n.webkitGetUserMedia || n.mozGetUserMedia || n.msGetUserMedia );
n.mediaDevices.ge
浏览 0提问于2018-08-26得票数 1
2回答
我有简单的视频流通过工作，但我想处理的情况下，webCam的流媒体成为断开或不可用。因此，我已经在传递给oninactive函数的stream对象上找到了successCallback事件。另外，我想重新启动视频流时，完全相同的摄像头/媒体设备将被插入。
代码示例：
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
navigator.getUserMedia(constrains, function successCall
浏览 9提问于2015-09-03得票数 4
回答已采纳
iPad使用Safari和视频聊天应用程序时遇到的问题。我们希望呈现用户的视频提要，并提供在弹出窗口中选择自己的网络摄像头设备的能力。然而，为了显示所选的摄像头设备，所选摄像头的视频显示在弹出窗口中，但是原始的摄像机馈送变黑，音频被切断。这似乎发生在调用navigator.mediaDevices.getUserMedia()时。
我的代码来获取设备
const constraints = {
speaker: {deviceId: audioOutputSelect.value ? {exact: audioOutputSelect.value} : undefined},
浏览 3提问于2022-01-13得票数 0
我想要从连接到我的pc的多个网络摄像头捕获视频。使用一个网络摄像头很容易，但如何从多个来源获取视频流？是否可以选择将哪个摄像头用于一个流？
navigator.getUserMedia ({
video: true
}, function (oMedia) {
var video = document.getElementById ('tVideo1');
video.src = window.URL.createObjectURL (oMedia);
});
浏览 2提问于2014-01-17得票数 10
我知道如何取回。来自网络摄像头源的视频流：
const constraints = { video: true };
navigator.mediaDevices
.getUserMedia(constraints)
.then(mediaStream => {
// ** But how to get the a stream of bytes from here??? **
});
我找不到任何关于如何从mediaStream对象中检索字节流的适当文档。
怎么做？因为，假设我想将字节流到服务器。
浏览 1提问于2018-07-26得票数 13
回答已采纳
3回答
我希望在用户单击按钮后使用getusermedia (使用网络摄像头捕获)来显示html视频。视频标签将使用innerhtml显示。
当用户单击该按钮时，将显示视频，但不会捕获网络摄像头。
<button id="rec" onclick="onBtnRecordClicked()">Record</button>
<button id="stop" onclick="onBtnStopClicked()" disabled>Stop</button>
<div id=&
浏览 5提问于2016-03-14得票数 2
Safari摄像头/视频在移动设备上无法正常工作。它显示使用以下参数检测到错误。要使safari浏览器的摄像头/视频正常工作，有没有什么缺失的地方？ var mediaDevices = window.navigator.mediaDevices;
mediaDevices.getUserMedia = function(c) {
return new Promise(function(y, n) {
//This line is the error// (window.navigator.getUserMedia || window.navigator.
浏览 29提问于2019-05-20得票数 0
这个问题看起来很简单，尽管我由于缺乏HTML和Javascript的知识而找不到合适的解决方案。
任务很简单，设计一个网页，其中一个按钮将激活网络摄像头，并在本地硬盘驱动器中存储静止图像或视频(最好是)。暂时不需要上传/下载。
经过几次尝试，我能够使用getusermedia() api激活网络摄像头并在浏览器窗口中呈现视频，但无法保存它。这就是我的代码。
if (navigator.getUserMedia) {
navigator.getUserMedia({video: true}, handleVideo, videoError);
}
function han
浏览 0提问于2017-10-23得票数 6
我有两个摄像头，正在尝试指定在我的视频标签中显示哪一个。我的超文本标记语言是简单的<video autoplay></video>。下面是我的javascript：
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
var constraints = {
video: {
optional: [{
sourceId: "64-character-
浏览 1提问于2014-01-04得票数 1
使用，我可以从客户的摄像头/摄像头捕捉视频流。使用video标签，我可以在客户端浏览器上显示它。代码：
<video autoplay></video>
<script type="text/javascript">
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia |
浏览 5提问于2012-11-17得票数 33
2回答
WebRTC单向视频呼叫
、、、
我们在公司里摆弄着WebRTC。我偶然发现了一件奇怪的事情，我不确定这是在WebRTC中设计的，还是我们这一边的实现错误。
我们现在有一个简单的WebApp，它显示在线联系人的联系人列表。现在可以简单地打电话给联系人列表上的任何用户。
呼叫者和Callee可以自由选择分享WebCam和/或音频。然后，GetUserMedia() (MediaConstraints)就会尊重它。
现在奇怪的是:客户端(Chrome 65)只在来电者以启用视频开始的情况下协商视频呼叫。如果来电者没有提供他的网络摄像头，我们不会让被调用的摄像头返回(如果他允许的话)。
但是，当来电者用他的网络摄像头启动通话时，Ca
浏览 3提问于2018-04-24得票数 9
回答已采纳
我一直在尝试访问一部运行Chrome的LG G4安卓手机的后置摄像头。我可以从MediaStreamTrack.getSources()中过滤掉视频源，但当我尝试设置一个约束以首选后置摄像头时，我得到了下面的错误TypeError: Failed to execute 'webkitGetUserMedia' on 'Navigator': Malformed constraints object.我有我用来过滤视频源的代码：
if (navigator.getUserMedia) {
if (MediaStreamTrack.getSources) {
浏览 3提问于2016-01-10得票数 4
在我的nexus4 (Android4.4.4)上，我试图在“用户”面向摄像头和面向摄像头的“环境”之间切换。
直接访问其中之一是有效的。在它们之间切换bij，再次调用navigator.getUserMedia()，设置新的约束失败。失败的导致一个黑屏视频& MediaStream.ended=true。
为什么MediaStream.ended=true在我给getUserMedia的第二个电话里？
在我看来，我动态地为视频源的数量创建按钮。两个人在这个案子里。单击按钮将调用camera.getUserMedia()并传入媒体源：
camera.getUserMedia =
浏览 0提问于2014-10-07得票数 6
回答已采纳
背景/问题
使用navigator.mediaDevices.getUserMedia(constraints)，我可以为各种设备获得一个MediaStream对象，其中包括摄像头和麦克风，允许您对通过的数据做任何您想做的事情。
方法getUserMedia返回一个解析为媒体流的Promise，如果在给定的约束(视频、音频等)中没有可用的流，则返回拒绝。如果我确实获得了流对象，但不保存对MediaStream的任何引用-我理解垃圾收集器应该删除它。
我所观察到的是流并没有被移除--例如，如果我为网络摄像头获得了一个流，它就会一直很忙，尽管我已经没有对该流的引用了。
问题
如果我不保存对Me
浏览 1提问于2016-11-07得票数 2
回答已采纳
作为主题，我想玩摄像头和铬摄像头API派上用场，没有插件是必要的。
但是，我不熟悉javascript的语法，所以我还是想用processing.js来操作视频。那么代码应该是什么样的呢？
画布上的GetUserMedia，然后呢？如何告诉processing.js画布中有视频？
导入processing.video应该不起作用，因为它是processing.js而不是processing。
浏览 5提问于2012-10-04得票数 0
回答已采纳
我有个小问题。我在网页上显示了我的摄像头视频流.唯一的问题是它只适用于Chrome。当我使用Firefox时，它请求允许共享摄像头，一旦接受了摄像头上的LED，我的视频元素仍然是空的:/我目前正在Firefox 31和Chrome 28上进行测试。
任何想法或有用的提示都将不胜感激;) )
下面是用于测试的代码：
<!DOCTYPE html>
<html>
<head>
<title>Web Cam Feed</title>
<style>
#contai
浏览 2提问于2014-08-13得票数 1
回答已采纳
因此，我的任务是使用HTML5视频元素创建一个演示，以获取用户的照片，然后在服务器端进行一些处理。在Surface Pro4上测试时，似乎忽略了navigator.mediaDevices.getUserMedia函数中的facingMode：'user‘选项。
navigator.mediaDevices.getUserMedia({ audio: false, video: { facingMode: "user" } })
.then(handleSuccess, stopCameras);
var handleSuccess = (st
浏览 0提问于2017-05-22得票数 0
1回答
我正在寻找一种方法来流网络摄像头数据从一个浏览器到一个网络服务器。利用getUserMedia对摄像头数据进行采集。一个常见的选择似乎是使用画布和计时器，以发送截图到服务器，但我想要一个适当的视频流。WEBRTC似乎是另一种选择，但这可能有点过头了，而且没有太多的软件运行在服务器(即非浏览器)上，使用WEBRTC，并绑定了Python。
也许我错过了一些更简单的。例如，是否可以使用Websockets传输视频流？
'use strict';
var errorCallback = function(e) {
console.log('Rejected!
浏览 1提问于2015-01-07得票数 2
回答已采纳
2回答
将捕获的视频保存到电子文件中
、、、、
我想保存一个视频是从网络摄像头捕获到一个本地文件。到目前为止，我已经能够：
使用getUserMedia创建流
用RecordRTC封装流
从RecordRTC获取blob
但我想不出如何将视频保存到文件中。调用save() on RecordRTC允许我下载视频文件，但我希望在nodejs中发生任何事情以供进一步处理。不管如何，该文件都是可播放的。我试着把blob和dataURL写成文件，但是这个文件是不可播放的。
浏览 6提问于2016-12-08得票数 1
我正在编写一个C代码，它与硬件(一个外部USB设备)交互，并实时输出视频帧，它最终被构建为一个DLL文件：
int get_frame() {
// interacts with hardware and
// generates video frames
}
在DLL中是否有特定的函数可以导出，以便在Chrome中用作视频源，如果可以，如何将这个DLL加载到Chrome中？
如何在Chrome中将此代码识别为视频源/摄像头，以便将其集成到包含<video> 元素的页面中？
navigator.mediaDevices.getUserMedia({ video: t
浏览 7提问于2022-09-30得票数 0
1回答
带有getUserMedia的API对于在浏览器/ HTML5页面中有一个视频流非常有用，例如，参见或。
从这个API，如何触发(智能手机)相机的自动对焦时，在视频显示点击？
这确实是几乎所有智能手机摄像头应用程序中常见的行为。
我还没有在API文档中找到任何关于“焦点”的信息
浏览 7提问于2020-02-12得票数 13
我试图在安卓v6.0.1三星Galaxy A5上的UC Browser v12.13上的html页面上显示摄像头输出。输出只是一个黑色的背景。这也适用于同一台设备上的其他浏览器，即Chrome和Stock浏览器。
我尝试在成功块中播放视频，而不是添加autoplay标记，并添加了一些debug；video元素正在播放。
<video class="video-element" autoplay muted playsinline></video>
navigator.mediaDevices.getUserMedia = navigator.mediaD
浏览 45提问于2019-09-02得票数 0
在桌面使用getUserMedia接口访问摄像头时，会打开web camera.of课程，这有助于视频communication.but在移动device.Front摄像头或后置cam?.is中使用时调用哪个摄像头，需要代码来选择摄像头吗？
浏览 1提问于2013-08-28得票数 13
回答已采纳
2回答
谁能给我一些链接来帮助我实现这一点，
我想获取摄像头视频(getusermedia html5)，将该webm文件(未录制，实时)发送到服务器，在那里它将被编码和分段，以便广播给其他人。
我不知道如何从摄像头创建webm视频的实况流并将其发送到服务器。不需要是websockets
浏览 0提问于2014-02-02得票数 2
2回答
使用javascript或Jquery，我希望从页面上的摄像头提要中获取当前图像，并将其放入标记中。
我有一些脚本，它动态地生成带有唯一Id的标记，所以在生成一个标签之后，我想要做的就是在那个时候从摄像头中捕获一个图像，并将图像保存在生成的标记中。拍完照片后，我只想让摄像头随身携带，直到下一次拍照。
我已经使用一个库运行了一个摄像头提要，它可以进行面部跟踪，但是我想用这个特性来扩展这个功能，以便在页面上创建一个捕捉到的图像库。
我使用的库是
库的创建者建议在视频元素上调用getImageData(x，y，w，h)，我已经尝试过了。我也尝试过在其他网站上实现教程，但没有效果。答案似乎需要针对我的
浏览 5提问于2014-05-23得票数 0
回答已采纳
1回答
我有一段代码，可以激活我的摄像头：
var video = document.getElementById('video');
// Get access to the camera!
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
// Not adding `{ audio: true }` since we only want video now
navigator.mediaDevices.getUserMedia({ video: true })
浏览 0提问于2018-05-12得票数 2
1回答
我有一个反应应用程序，记录用户的网络摄像头，我正在实现一个功能，让用户改变视频分辨率。当我第一次创建Media Stream来传递默认视频的宽度和高度时，它工作得很好，但是当我改变分辨率时，我仍然可以记录摄像头，但是分辨率不会改变。下面的代码用于获取Media Stream，width和height变量可以是1280x720或640x360。上面提到的默认值是1280x720，在创建流之后，我不能将它更改为640x360，如果我使用640x360创建流，它可以工作。
const stream = await navigator.mediaDevices.getUserMedia({
浏览 5提问于2022-05-06得票数 0
我正在尝试用视频标签实现一个网络摄像头到一个网站。它在Chrome中工作，但是FireFox和IE在控制台中返回错误。有人知道为什么吗？谢谢!
代码：
navigator.getMedia = navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mediaDevices.getUserMedia ||
navigat
浏览 0提问于2016-06-07得票数 6
我已经为网络浏览器开发了一个简单的webrtc视频聊天工具，它在android、firefox和chrome浏览器上运行良好。现在我已经开始使用Cordova创建一个android应用程序，但getusermedia api甚至无法访问网络摄像头。在Cordova浏览器平台上使用相同的代码，请访问网络摄像头。
目前在安卓4.4KitKat上测试
。对摄像头的访问也给予了许可。我是不是错过了什么
getusermedia接口代码
const mediaStreamConstraints = {
video: true,
};
// Video element wh
浏览 141提问于2018-06-22得票数 2
回答已采纳
1回答
我有一个C#/C++应用程序，可以从连接到用户PC的摄像头上捕捉视频流。然后，它使用Intel RealSense SDK对用户进行分割，以自动从用户中删除背景。我需要知道的是如何将自己插入到视频传送链中，以便获取每一帧，处理它，并将其发送到WebRTC模块。
整个期望的效果是使用户看起来像他们被叠加在网页上。注意，我唯一需要支持的浏览器是Chrome，因为我在嵌入式浏览器中运行Chromium，这要感谢CefSharp项目。
我无法理解的一个问题是把自己放进视频中，这样我就可以在新的视频帧可用时得到通知，修改它，然后将它以Chromium格式传递给WebRTC。我下载了Chromium源代码
浏览 1提问于2015-02-15得票数 1
回答已采纳
我正在使用WebRTC和socket.io进行视频通话。
呼叫工作正常，但当我运行关闭摄像头功能，视频停止，但我的摄像头的灯仍然开着。
以下是关闭摄像机的功能：
const mute= ()=>{
setMuteCamera(true)
navigator.mediaDevices
.getUserMedia({ video: false, audio: true })
.then((stream) => {
setStream(stream);
myVideo.current.srcObject = stream;
浏览 3提问于2022-04-11得票数 2
回答已采纳
我了解到了web，它说你可以捕捉视频摄像头，我用的是，这只适用于铬.
当我在火狐上打开它时，当我打开这个"getUserMedia() not supported in your browser."时，我会得到消息。
它100%起作用。什么改变或插件，或一些我错过的东西，让getusermedia()工作。
浏览 10提问于2014-01-09得票数 26
我必须创建一个实时流视频应用程序，在该应用程序中，我必须使用连接到MacBook的外部网络摄像头读取视频。我必须使用WebRTC来做这件事。但在执行代码时，会触发集成摄像头，而不是外部摄像头。
var video = document.querySelector("#videoElement");
var constraints = { audio:true,video: { facingMode:"environment" }
var promise = navigator.mediaDevices.getUserMedia(constraints);
浏览 14提问于2018-01-17得票数 0
回答已采纳
1回答
我需要从网页上使用用户摄像头来流式传输现场活动。我的想法是使用getUserMedia()从用户摄像头获取视频并将其发送到RTMP点，这是可能的吗？还是有其他方法可以做到这一点？
浏览 1提问于2015-06-30得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
