如何将网络摄像头选择添加到官方 mediapipe 人脸检测解决方案?

     2023-03-16     107

关键词:

【中文标题】如何将网络摄像头选择添加到官方 mediapipe 人脸检测解决方案?【英文标题】:How to add webcam selection to official mediapipe face detection solution? 【发布时间】:2021-10-24 13:47:33 【问题描述】:

https://google.github.io/mediapipe/solutions/face_detection#javascript-solution-api

这是通过 Google 使用 mediapipe 将 face detection 添加到网站上的网络摄像头提要的最简单方法。

我的笔记本电脑也有inbuilt webcam 和一台OBS virtual webcam。当我在笔记本电脑上尝试此示例代码时,有时虚拟网络摄像头会被我的网页随机拾取。

如何将网络摄像头选择添加到此示例代码中,以避免自动选择虚拟网络摄像头?

【问题讨论】:

【参考方案1】:

请试试这个(提供完整文章的链接)

const video = document.getElementById('video');
const button = document.getElementById('button');
const select = document.getElementById('select');

function gotDevices(mediaDevices) 
select.innerHTML = '';
select.appendChild(document.createElement('option'));
let count = 1;
mediaDevices.forEach(mediaDevice => 
if (mediaDevice.kind === 'videoinput') 
  const option = document.createElement('option');
  option.value = mediaDevice.deviceId;
  const label = mediaDevice.label || `Camera $count++`;
  const textNode = document.createTextNode(label);
  option.appendChild(textNode);
  select.appendChild(option);

);

来源:Select Camera Javascript Mediapipe

【讨论】:

如何使用 FFmpeg 将网络摄像头直播到 YouTube?

】如何使用FFmpeg将网络摄像头直播到YouTube?【英文标题】:HowtolivestreamawebcamtoYouTubewithFFmpeg?【发布时间】:2019-12-2316:27:08【问题描述】:我想将我的网络摄像头的直播发送到YouTube。我可以关注YouTube\'sguide直到第8步。“流连接”... 查看详情

如何将 USB 网络摄像头中的视频流式传输到远程 HTML 页面

】如何将USB网络摄像头中的视频流式传输到远程HTML页面【英文标题】:HowDoIStreamVideoFromMyUSBWebcamToARemoteHTMLPage【发布时间】:2015-11-2714:54:16【问题描述】:我想创建一个程序,将视频从我的USB网络摄像头通过互联网传输到网页。... 查看详情

如何将网络摄像头帧从客户端发送到烧瓶服务器?

】如何将网络摄像头帧从客户端发送到烧瓶服务器?【英文标题】:Howtosendwebcamframesfromclienttoflaskserver?【发布时间】:2017-12-0823:02:46【问题描述】:我正在使用openCV进行人脸识别,并希望通过在烧瓶服务器端获取他们的网络摄像... 查看详情

将网络摄像头流式传输到 rtmp

】将网络摄像头流式传输到rtmp【英文标题】:Streamingwebcamtortmpwith【发布时间】:2017-02-1413:50:12【问题描述】:如果我不想使用闪光灯,最好的方法是什么?我听说过WebRTC,但是否可以从getUserMedia获取输入并将其流式传输到媒体... 查看详情

如何将“空”选择添加到 ComboBox?

】如何将“空”选择添加到ComboBox?【英文标题】:Howtoadd"empty"selectiontoComboBox?【发布时间】:2018-03-0520:36:22【问题描述】:我有一个填充了自定义对象的ComboBox。但是,我需要允许选择no选择(或空值)。我试过comboBox.get... 查看详情

如何通过 nginx 将 rtsp 网络摄像机流式传输到网站

】如何通过nginx将rtsp网络摄像机流式传输到网站【英文标题】:HowcanIstreamartspipcameratoawebsitevianginx【发布时间】:2021-12-3122:04:33【问题描述】:我尝试在网站上流式传输我的RTSP-IP-Camera。我使用Nginx网络服务器。我在html代码中的... 查看详情

mediapipe上手案例,手部骨架识别,用视频替换代码摄像头采集(代码片段)

...)函数原型说明在做MediaPipe项目的时候,经常需要唤醒摄像头进行视频采集,学习的时候可以使用视频替换摄像头采集动作,这就是本篇博客的的由来。MediaPipe入门案例为了便于学习,我们先直接展示入门案例࿰... 查看详情

如何在浏览器中使用 Flash 客户端将网络摄像头流式传输到 RTMP 服务器?

】如何在浏览器中使用Flash客户端将网络摄像头流式传输到RTMP服务器?【英文标题】:HowtostreamwebcamtoRTMPserverusingFlashclientinbrowser?【发布时间】:2016-08-0512:49:56【问题描述】:我用nginx-rtmp-module构建了非常简单的RTMP服务器。它工... 查看详情

如何将颤动的日期选择器值添加到文本字段?

】如何将颤动的日期选择器值添加到文本字段?【英文标题】:Howtogetflutterdatepickervaluetothetextfield?【发布时间】:2020-10-1303:01:51【问题描述】:如何将颤振日期选择器值添加到文本字段?当我单击文本字段时,它会在选择日期后... 查看详情

如何将导航栏按钮添加到选择器

】如何将导航栏按钮添加到选择器【英文标题】:Howtoaddanavigationbarbuttontoapicker【发布时间】:2020-08-2605:28:04【问题描述】:如果所需选项不存在,用户应该能够向选择器添加新值。所以我基本上想用选项在视图中实现一个“添... 查看详情

如何将 openCV 视频流式传输到 HTML 网页?

...【问题描述】:我正在制作一个机器人,上面有一个网络摄像头,可以提供一些简单的物体检测。现在,我想简单地将视频流式传输到机器人上托管的网页,并能够从另一台设备上查看它。我用Python编写了一个简单的测试脚本(... 查看详情

如何选择将锁定文件添加到 docker 容器?

】如何选择将锁定文件添加到docker容器?【英文标题】:HowcanIoptionallyaddalockfiletoadockercontainer?【发布时间】:2019-08-1211:25:21【问题描述】:我正在尝试构建一个docker镜像,该镜像在构建时可以选择添加一个纱线(或npm锁定文件)... 查看详情

如何将复选框选择列添加到jqgrid

】如何将复选框选择列添加到jqgrid【英文标题】:Howtoaddacheckboxselectcolumntojqgrid【发布时间】:2021-01-0703:32:05【问题描述】:好的,所以在我的应用程序中,colModel已经准备好了,我正在使用setGridParam添加multiselect:true,如下所示... 查看详情

如何将新联盟添加到现有正在运行的网络 Hyperledger 结构中?

】如何将新联盟添加到现有正在运行的网络Hyperledger结构中?【英文标题】:HowtoaddnewconsortiumtoexistingrunningnetworkHyperledgerfabric?【发布时间】:2020-01-1621:38:03【问题描述】:如何将新的联盟添加到现有正在运行的网络Hyperledger结构... 查看详情

如何将视频从我的应用程序流式传输到网络?

...:18【问题描述】:我有一个应用程序,它可以从多个网络摄像头抓取视频,进行一些图像处理,然后在屏幕上显示结果。我希望能够将视频输出流式传输到网络上-最好是某种分发服务,而不是自己直接连接到客户端。所以我的... 查看详情

使用排序的 QAbstractTableModel 时如何将“选择项目...”添加到 QComboBox?

】使用排序的QAbstractTableModel时如何将“选择项目...”添加到QComboBox?【英文标题】:Howtoadd“Selectitem…”toQComboBoxwhenusingsortedQAbstractTableModel?【发布时间】:2018-06-2514:20:52【问题描述】:我希望将已排序的QAbstractListModel设置为QCom... 查看详情

译如何使用vue捕获网络摄像头视频(代码片段)

...号。在注册验证的过程中,网站提示要通过计算机的网络摄像头提交我自己的一张照片作为照片ID。这是一个很酷的做法,让我思考一个问题:在网络浏览器上集成网络摄像头使用需要怎么做?事实上,有一些HTML5的API可用于通... 查看详情

如何在 flash/rtmp 中将客户端网络摄像头流式传输到网络服务器

】如何在flash/rtmp中将客户端网络摄像头流式传输到网络服务器【英文标题】:Howtostreamclientwebcamtowebserverinflash/rtmp【发布时间】:2016-06-0117:40:46【问题描述】:我想将客户端网络摄像头数据流式传输到Nginx-rtmp服务器,而客户端不... 查看详情