从浏览器以编程方式访问外部设备数据(例如网络摄像头视频流)的方法。
我正在制作这个相机应用程序,并且我有这个相机代码,可以在此处启动相机。 var video = document.getElementById('video'); // 获取相机的访问权限 if(navigator.mediaDevices ...
WebRTC正确关闭navigator.getUserMedia
我永久使用这个javascript代码进行webrtc(aiortc)通信: 变量端口 = 8080 var ip_address = "192.168.1.10" var main_pc = { “姓名”:””, “姓氏&...
我发现了一个JavaScript,它可以捕获当前的麦克风输入,然后再次将其发送出去。你可以在这里看到它: https://codepen.io/MyXoToD/pen/bdb1b834b15aaa4b4fcc8c7b50c23a6f?editors=1010(仅限...
navigator.mediaDevices.getUserMedia 不适用于 Macos Catalyst WKWebView
我在 Mac Catalyst WKWebView 上遇到以下错误: 类型错误:未定义不是对象(正在评估“navigator.mediaDevices.getUserMedia”) macOS 13.5.1 (22G 90) Safari 17.0(18616.1.24.11.5,...
在Electron中将desktopCapturer保存到视频文件
desktopCapturer api 示例展示了如何将屏幕捕获流写入 元素。 // 在渲染器进程中。 var DesktopCapturer = require('电子').desktopCapturer;
停止/关闭由 navigator.mediaDevices.getUserMedia 打开的网络摄像头流
我使用以下 JavaScript 代码打开了网络摄像头: const Stream =等待 navigator.mediaDevices.getUserMedia({ /* ... */ }); 是否有任何 JavaScript 代码可以停止或关闭网络摄像头?
为什么此代码无法在 iOS chrome 或 Safari 上使用相机,但桌面版本却可以
在按钮上单击设备功能被调用,并且应该在 但是仅适用于桌面版本的浏览器...我...
如何检测相机的宽度和高度以在画布上使用它并保持比例? 我需要检测相机的宽度和高度,然后在画布上使用它。在新画布中我...
WebRTC - 在网络应用程序中选择主摄像头(当设备有多个后置摄像头时)
尝试创建一个网络应用程序,从浏览器的后置摄像头捕获图像,并努力在多摄像头设备中找到主摄像头。 我们面临的问题是每一个
我希望在用户单击按钮后使用 getusermedia 显示 html 视频(使用网络摄像头捕获)。视频标签将使用innerhtml 显示。 当用户单击按钮时,视频将显示...
为了从清单 v2 中的选项卡捕获输出音频流,可以在后台脚本中使用 chrome.tabCapture.capture API 来获取流。但是,在清单 v3 中 tabCapture 已被移动...
我有一个使用用户媒体设备的应用程序,我想允许用户自行更改音频输出。为此,我遵循了这个例子 当我选择德...
Video mediaDevices.getUserMedia 缩放在 iOS 中不起作用
我正在实现 zxing-js 来扫描二维码。 我的任务是在使用相机时启用变焦。它在 Android 设备上的 Chrome 中运行良好,但当我尝试在 iOS 上使用它时,它不起作用。 下面是我...
从网络摄像头捕获图像并在javascript中转换为base64
我需要从网络摄像头捕获图像并转换为 base64。应该能够捕获多个帧并将它们连接起来,然后再次转换为基数 64。此代码非常适合捕获...
如何使用MediaRecorder()在桌面上录制移动分辨率
我想在移动设备上录制与桌面设备相同的分辨率。当我在桌面上启动 MediaRecorder() 时,与在相同的桌面上启动时相比,它的横向尺寸具有不同的分辨率
需要在 WIX 上为 iframe/embed URL 启用摄像头,但在 WIX iframe/Embed 上未启用摄像头
在 Wix 上,我想了解如何为 iframe 或嵌入 URL 启用摄像头。我传递的 URL 在浏览器中打开摄像头并进行了测试,但我想知道如何在 WIX 页面中启用摄像头,eve...
所以我正在创建一个视频通话网络应用程序,我想在其中打开/关闭麦克风、打开/关闭视频功能。 navigator.mediaDevices.getUserMedia({ 视频:真实, 音频:真实 ...
我想在单击按钮时设置权限。我想要这样的场景。首先,方法首先工作并允许按下按钮。 我的代码: 我想在单击按钮时设置权限。我想要这样的场景。首先,方法首先起作用并允许按下按钮。 我的代码: <button onClick={requestPermission} className=" ring-1 hover:bg-blue-500 transition-all duration-300 active:bg-blue-600 rounded-lg px-4 py-2 text-xl font-semibold text-white bg-blue-700 flex items-center " > <span className="mr-4">İzin ver</span>{" "} <FontAwesomeIcon icon={faVideoCamera} /> </button> // Permissions const requestPermission = useCallback(async () => { console.log("bu func. calisti"); try { const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true, }); webcamRef.current.srcObject = stream; setPermissionGranted(true); } catch (error) { if (!hideQuestion) { console.error("Webcam ve mikrofon izni reddedildi:", error); toast.warn("Lütfen Webcam İzinlerini Veriniz..."); } setPermissionGranted(false); } }, [hideQuestion]); useEffect(() => { requestPermission(); }, []); 将视频/音频权限设置为“已授予”状态的唯一方法是尝试调用 getUserMedia。这是为了击败网络怪人。您无法保存状态并稍后通过 Javascript 代码恢复它。 某些浏览器(但不是全部)(尤其是 iOS / iPadOS Safari)会保存每个网站来源的状态。
我正在使用 getUserMedia 使用用户的浏览器进行记录: Stream.current = 等待 navigator.mediaDevices.getUserMedia({ 声音的: { 回声取消:{精确:true} }, 视频: { ...
HTML 用户媒体面向模式:“环境”在 Android 手机上不起作用
它继续使用前置摄像头而不是后置摄像头 这是我的代码:我添加了 facesMode: {exact:"environment"},但它不起作用 常量约束= { 视频:真实...