getusermedia 相关问题

从浏览器以编程方式访问外部设备数据(例如网络摄像头视频流)的方法。

停止导航器。GetUserMedia 相机访问权限

我正在制作这个相机应用程序,并且我有这个相机代码,可以在此处启动相机。 var video = document.getElementById('video'); // 获取相机的访问权限 if(navigator.mediaDevices ...

回答 1 投票 0

WebRTC正确关闭navigator.getUserMedia

我永久使用这个javascript代码进行webrtc(aiortc)通信: 变量端口 = 8080 var ip_address = "192.168.1.10" var main_pc = { “姓名”:””, “姓氏&...

回答 1 投票 0

如何在javascript中从输入声音生成负音频波?

我发现了一个JavaScript,它可以捕获当前的麦克风输入,然后再次将其发送出去。你可以在这里看到它: https://codepen.io/MyXoToD/pen/bdb1b834b15aaa4b4fcc8c7b50c23a6f?editors=1010(仅限...

回答 1 投票 0

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,...

回答 1 投票 0

在Electron中将desktopCapturer保存到视频文件

desktopCapturer api 示例展示了如何将屏幕捕获流写入 元素。 // 在渲染器进程中。 var DesktopCapturer = require('电子').desktopCapturer;

回答 4 投票 0

停止/关闭由 navigator.mediaDevices.getUserMedia 打开的网络摄像头流

我使用以下 JavaScript 代码打开了网络摄像头: const Stream =等待 navigator.mediaDevices.getUserMedia({ /* ... */ }); 是否有任何 JavaScript 代码可以停止或关闭网络摄像头?

回答 17 投票 0

为什么此代码无法在 iOS chrome 或 Safari 上使用相机,但桌面版本却可以

在按钮上单击设备功能被调用,并且应该在 但是仅适用于桌面版本的浏览器...我...

回答 1 投票 0

如何检测网络摄像头的宽度和高度?

如何检测相机的宽度和高度以在画布上使用它并保持比例? 我需要检测相机的宽度和高度,然后在画布上使用它。在新画布中我...

回答 3 投票 0

WebRTC - 在网络应用程序中选择主摄像头(当设备有多个后置摄像头时)

尝试创建一个网络应用程序,从浏览器的后置摄像头捕获图像,并努力在多摄像头设备中找到主摄像头。 我们面临的问题是每一个

回答 2 投票 0

使用 getusermedia 显示 html 视频

我希望在用户单击按钮后使用 getusermedia 显示 html 视频(使用网络摄像头捕获)。视频标签将使用innerhtml 显示。 当用户单击按钮时,视频将显示...

回答 4 投票 0

如何在 chrome 扩展清单 v3 的选项卡中播放音频流

为了从清单 v2 中的选项卡捕获输出音频流,可以在后台脚本中使用 chrome.tabCapture.capture API 来获取流。但是,在清单 v3 中 tabCapture 已被移动...

回答 2 投票 0

WebRTC - 更改音频输出设备

我有一个使用用户媒体设备的应用程序,我想允许用户自行更改音频输出。为此,我遵循了这个例子 当我选择德...

回答 1 投票 0

Video mediaDevices.getUserMedia 缩放在 iOS 中不起作用

我正在实现 zxing-js 来扫描二维码。 我的任务是在使用相机时启用变焦。它在 Android 设备上的 Chrome 中运行良好,但当我尝试在 iOS 上使用它时,它不起作用。 下面是我...

回答 1 投票 0

从网络摄像头捕获图像并在javascript中转换为base64

我需要从网络摄像头捕获图像并转换为 base64。应该能够捕获多个帧并将它们连接起来,然后再次转换为基数 64。此代码非常适合捕获...

回答 3 投票 0

如何使用MediaRecorder()在桌面上录制移动分辨率

我想在移动设备上录制与桌面设备相同的分辨率。当我在桌面上启动 MediaRecorder() 时,与在相同的桌面上启动时相比,它的横向尺寸具有不同的分辨率

回答 1 投票 0

需要在 WIX 上为 iframe/embed URL 启用摄像头,但在 WIX iframe/Embed 上未启用摄像头

在 Wix 上,我想了解如何为 iframe 或嵌入 URL 启用摄像头。我传递的 URL 在浏览器中打开摄像头并进行了测试,但我想知道如何在 WIX 页面中启用摄像头,eve...

回答 1 投票 0

如何在 JavaScript 中将麦克风静音

所以我正在创建一个视频通话网络应用程序,我想在其中打开/关闭麦克风、打开/关闭视频功能。 navigator.mediaDevices.getUserMedia({ 视频:真实, 音频:真实 ...

回答 3 投票 0

Next.js 有没有办法设置视频和音频权限?

我想在单击按钮时设置权限。我想要这样的场景。首先,方法首先工作并允许按下按钮。 我的代码: 我想在单击按钮时设置权限。我想要这样的场景。首先,方法首先起作用并允许按下按钮。 我的代码: <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)会保存每个网站来源的状态。

回答 1 投票 0

即使录制停止后,Chrome 录制图标仍保持打开状态

我正在使用 getUserMedia 使用用户的浏览器进行记录: Stream.current = 等待 navigator.mediaDevices.getUserMedia({ 声音的: { 回声取消:{精确:true} }, 视频: { ...

回答 4 投票 0

HTML 用户媒体面向模式:“环境”在 Android 手机上不起作用

它继续使用前置摄像头而不是后置摄像头 这是我的代码:我添加了 facesMode: {exact:"environment"},但它不起作用 常量约束= { 视频:真实...

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.