face-api.js with Vue.js and Electron

最新推荐文章于 2024-08-08 07:13:44 发布
最新推荐文章于 2024-08-08 07:13:44 发布
阅读量1.8k 收藏 2
点赞数 4
分类专栏： face-api electron 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43123014/article/details/116659912
版权

face-api.js with Vue.js and Electron

最近在做一个比较简单的桌面级应用,用的技术是vue,然后用 electron包起来了,里边有个最重要的功能,人脸识别,人脸识别是用的face-api.js, 在PC网页端调试都是没有问题的,但是打包后进入项目后报错:

在这里插入图片描述
刚开始我有点一头雾水,不确定是什么原因,找了很多原因,最后在face-api.js的github上看到了一个连接在这里插入图片描述
但是这个打不开,又用vpn,打开网址,发现是协议的问题
在这里插入图片描述
3行代码,花费1天时间.真的是无语了

哎哟哟
关注
专栏目录
opencv.js通过Haarcascade模型静态图像人脸检测(Electron环境)
视觉与物联智能
03-29 533
opencv.js通过Haarcascade模型静态图像人脸检测 在前面的opencv.js编译及Electron适配和opencv.js基本使用(Electron环境)第一部分实现了opencvjs对图像的加载、处理以及显示。本实例将通过Haarcascade模型实现静态图像人脸检。 1、创建Electron的HTML页面 index.html <!DOCTYPE html> <html> <head> <meta name="viewport
opencv.js通过Haarcascade模型实时人脸检测(Electron环境)
视觉与物联智能
03-29 853
opencv.js通过Haarcascade模型实时人脸检测 在前面的opencv.js调用摄像头(Electron环境)、opencv.js打开视频文件(Electron环境)和opencv.js通过Haarcascade模型静态图像人脸检测的实例中实现对摄像头和视频文件的处理以及静态图像人脸检测，在本次实例中，通过对摄像头数据流进行抓取，使用Haarcascade数据进行人脸实时检测。 1、创建Electron的HTML页面 index.html <!DOCTYPE html> <h
chrome人脸监测，electron方案支持
点滴
03-20 1874
这个功能默认是没有开启的，需要从这里开启 chrome://flags/#enable-experimental-web-platform-features 如果开启可以支持脸部、文本、条形码的识别 FaceDetector TextDetector BarcodeDetector FaceDetector var faceDetector = new FaceDetector({fastM...
face-api.js 教程
最新发布
gitblog_00207的博客
08-08 518
face-api.js 教程 face-api.jsJavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js项目地址:https://gitcode.com/gh_mirrors/fa/face-api.js 1. 项目介绍 face-api.js 是一个...
vue2使用face-api.js实现，人脸识别
liu3325262991的博客
05-09 3247
使用vue2结合face-api.js实现人脸识别功能
基于cnn的人脸识别_人脸识别的Face-api.js本地运行示例安装
weixin_39658619的博客
12-02 170
face-api.js 是一个 JavaScript API，是基于 tensorflow.js 核心 API 的人脸检测和人脸识别的浏览器实现。它实现了一系列的卷积神经网络(CNN)，针对网络和移动设备进行了优化。简单好用。简单地说，我们将首先定位输入图像中的所有人脸。Face-api.js 为不同的使用情况下可以实现多个人脸检测器。最准确的人脸检测器是 SSD(单发多框检测器 Single S...
electronjs-api-demo
05-11
电子api-demo 要运行Electron API Demo，请按照以下步骤操作。 该程序是一个最小的应用程序，并且基于electronicjs应用程序应用了。 以下文件是Electron应用程序的基本元素： package.json指向应用程序的主文件，并列出详细信息和依赖项。 main.js -render HTML创建一个窗口浏览器并运行该程序。 这是程序的主要过程。 index.html这是渲染网页。 这是程序的渲染器过程。 如何使用 要复制并运行存储库，您需要安装 ， 和 。 依次运行以下命令： # repository 에서 복사 git clone https://github.com/wooyoungkwak/electronjs-bootstrap-demo.git # repository 폴더 이동 cd electronjs-bootstrap-de
Vue.js 2 Cookbook 2017年出版760页
01-22
Find out how to use Vue.js with a variety of technologies such as Node.js, Electron, Socket.io, Firebase, and HorizonDB by building complete applications In Detail Vue.js is an open source JavaScript ...
flamme：出于教育目的而构建的带有电子和Vue.js的开源火种桌面客户端
02-04
API访问被某种方式阻止 :face_with_rolling_eyes: 。 *咳嗽*与请求标头*咳嗽*一起玩，这不再起作用。 但是，非常欢迎您对源代码做任何您想做的事情。 构建设置 以下说明已通过NodeJS v7.7.2进行了测试，并与纱线卷...
Vue源码分析——第二章
Lee的博客
09-10 517
/* * Object.defineProperty(person,'name',{ configurable:false,//能否使用delete、能否需改属性特性、或能否修改访问器属性、，false为不可重新定义，默认值为true 是否可以编辑 enumerable:false,//对象属性是否可通过for-in循环，flase为不可循环，默认值为true 是否可以枚举遍历 writable:false,//对象属性是否可修改,flase为不可修改，默认值为true value.
跨域问题
hhhh
05-02 465
跨域问题 MDN Web Docs 中定义跨域，当一个资源从与该资源本身所在的服务器不同的域或端口不同的域或不同的端口请求一个资源时，资源会发起一个跨域 HTTP 请求。 即访问了一个网站，然后在这个网站返回的资源里面，请求了B网站/端口的资源。 跨域这个情况只会出现在浏览器页面里，因为实际上是浏览器由于安全原因限制了这些请求的访问。 CSRF攻击，如果前端可以跨域，那: 用户访问A,生成cookie存储在本地，点击弹窗广告进入地址B,B网站可以在自己的页面中获取A的cookie,然后模拟用户登录 同源
cpp-facerecognitionjs简单的NodejsAPI用于强健的人脸检测和人脸识别
08-16
face-recognition.js：简单的Node.js API用于强健的人脸检测和人脸识别
face-api人脸识别js
07-06
在实际过程中也具有其特有的优势，通过集成与人脸检测与识别相关的API，通过更为简单的coding就可以实现。今天将为大家介绍一个用于人脸检测、人脸识别和人脸特征检测的 JavaScript API，通过在浏览器中利用 tensorflow.js 进行人脸检测和人脸识别。大家不仅可以更快速学习这个，对有人脸识别技术需求的 JS 开发者来说更是一件值得开心的事。
Python-faceapijs利用tensorflowjs在浏览器中进行人脸检测和人脸识别的JavaScriptAPI
08-11
face-api.js：利用tensorflow.js在浏览器中进行人脸检测和人脸识别的JavaScript API
Face-api.js静态页面版Demo
11-28
JavaScript人脸识别库Face-api.js的示例，无需安装nodejs，iis本地直接看效果。注意调用摄像头不能用IP访问，只能localhost，远程预览需要HTTPS；iis无扩展名文件若出现404，需在mime类型中添加扩展名【.】类型【application/octet-stream】。
face-api.js：用于使用tensorflow.js在浏览器和nodejs中进行人脸检测和人脸识别JavaScript API
02-02
face-api.js 在tensorflow.js核心（ ）上实现的针对浏览器和Node.jsJavaScript人脸识别API 讲解 目录 产品特点 人脸识别 人脸地标检测 人脸表情识别 年龄估计和性别识别 运行示例 克隆存储库： git clone https://github.com/justadudewhohacks/face-api.js.git 运行浏览器示例 cd face-api.js/examples/examples-browser npm i npm start 浏览到 。 运行Nodejs示例 cd face-api.js/examples/examples-nodejs npm i 现在使用ts-node运行示例之一： ts-node faceDetection.ts 或者只是编译并使用node运行它们： tsc faceDetection.ts node faceDetection.js 用于浏览器的face-api.js 只需包含的最新脚本。 或通过npm安装它： npm i face-api.js 用于Node.js的face-a
2021年Github项目Top400
weixin_45747731的博客
04-19 3313
301. akullpp/awesome-java A curated list of awesome frameworks, libraries and software for the Java programming language. awesome awesome-list 28.4k 302. lukehoban/es6features Overview of ECMAScript 6 features 28.3k 303. ariya/phantomjs Scriptable Headless
结合 react-webcam、three.js 与 electron 实现桌面人脸动捕应用
qq_41456316的博客
04-14 1632
开发桌面级别的人脸动捕应用程序是一个具有挑战性但也充满创意的任务。本文将介绍如何利用 React-Webcam、Three.js 和 Electron 结合起来，轻松实现一个功能强大的桌面人脸动捕应用。
webRTC 实现人脸识别
yinshipin007的博客
12-29 1287
首先我们需要先了解一下什么是webRTC 他能做什么 webRTC主要是帮我们处理多媒体应用，如音视频通话，屏幕共享都可以实现，主要基于浏览器API调用，其底层浏览器会调用native C++ 等一些库帮我们实现的，而我们在应用层掉API 即可。桌面程序我们选择 tauri 而不是 electron。
vue-2.4.0.js vue-router-3.0.1.js
09-06
vue-2.4.0.js和vue-router-3.0.1.js是Vue.js框架的两个重要组成部分。 首先，vue-2.4.0.js是Vue.js的核心库，它是一个用于构建用户界面的渐进式框架。它采用了MVVM模式，主要用于简化用户界面的开发，提高开发效率。Vue.js具有响应式的数据绑定和组件化的特性，使得开发人员可以更加轻松地构建复杂的用户界面。它还提供了丰富的API和插件生态系统，可以帮助开发人员解决各种开发需求。 而vue-router-3.0.1.js是Vue.js的路由管理器。它构建于Vue.js之上，提供了一种机制，用于管理应用程序的路由和导航。它允许开发人员定义不同的路由规则，以及在不同路由之间进行切换的方法。通过vue-router，开发人员可以实现单页应用（SPA）的导航功能，使得用户在应用程序中浏览不同的界面成为可能。同时，vue-router还提供了各种导航守卫和路由参数的处理方法，使得开发人员可以更加灵活地控制应用程序的路由功能。 综上所述，vue-2.4.0.js和vue-router-3.0.1.js为Vue.js开发提供了重要的支持和功能扩展。通过使用这两个库，开发人员可以更加方便地构建复杂的用户界面，并实现灵活的应用程序路由和导航功能。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值