首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于Tensorflow.js实现浏览器级别的目标识别应用实践

tensorflow.js 是谷歌于今年推出的浏览器级别的深度学习框架,TensorFlow 团队在其github官网上也公开了表示基于网页的 JavaScript 库 TensorFlow.js 库框架及其相关的例子...1、Tensorflow.js介绍   TensorFlow.js 是一个开源的用于开发机器学习项目的 WebGL-accelerated JavaScript 库。...TensorFlow.js 可以为你提供高性能的、易于使用的机器学习构建模块,允许你在浏览器上训练模型,或以推断模式运行预训练的模型。...在node.js环境下安装yarn,用这个来进行编译速度远远快于npm。 (2)mobilenet编译结果如下所示: ? (3)在弹出的浏览器上,输入相应的网址,并进行相关图片测试。...由于采用了简化版本的mobilenet,而且整个大小才2M,因此在目标识别分类精度还是有点弱。 ?

91220
您找到你想要的搜索结果了吗?
是的
没有找到

浏览器中使用tensorflow.js进行人脸识别的JavaScript API

作者 | Vincent Mühle 编译 | 姗姗 出品 | 人工智能头条(公众号ID:AI_Thinker) 【导读】随着深度学习方法的应用,浏览器调用人脸识别技术已经得到了更广泛的应用与提升。...今天将为大家介绍一个用于人脸检测、人脸识别和人脸特征检测的 JavaScript API,通过在浏览器中利用 tensorflow.js 进行人脸检测和人脸识别。...大家不仅可以更快速学习这个,对有人脸识别技术需求的 JS 开发者来说更是一件值得开心的事。 ▌前言 对于 JS 开发者来说这将是一件很开心的事,那就是终于可以在浏览器中进行人脸识别了!...但我经常也会被问到一个问题,在浏览器中是或否可以完全运行完整的人脸识别管道。 对此要感谢 tensorflow.js !...我使用 tfjs-core 实现了部分类似的工具,得到与 face-recognition.js 几乎相同的结果,但,是在浏览器中实现的!而最棒的一点是,它不需要设置任何外部依赖关系,就可以直接使用。

2.6K30

浏览器中玩人脸识别

本文作者:IMWeb Jianglinyuan 原文出处:IMWeb社区 未经同意,禁止转载 背景 其实浏览器中的人脸识别 API 已经发布有一段时间了,从Chrome 70 版本以上就有了。...其中包括了人脸,文本或 QR 码的识别,基本上覆盖了当前互联网应用的大部分场景。...Shape Detection API 图形识别这种对系统资源和设备的计算能力要求颇高的功能,通常只有底层的原生 API 能驾驭,流行的框架主要是开源的Open CV和各大移动平台的图形识别服务,浏览器层面主要有三个...speechSynthesis.speak(new SpeechSynthesisUtterance(box.rawValue)); } }) .catch(err => console.error(err)); 浏览器中的人脸识别...浏览器中使用人脸识别其实原理比较简单,使用一个图片作为入参,然后调用FaceDetector就可以进行简单的人脸识别了,最后我们可以通过 canvas 对结果进行输出。

1.6K20

js判断浏览器信息

本示例讲述了关于js获取各种浏览器信息,例如微信浏览器,qq内置浏览器,电脑火狐浏览器,qq浏览器等等 判断手机相关浏览器 if (browser.versions.mobile) { //判断是否是移动设备打开...ua.match(/QQ/i) == "qq") {       //在QQ空间打开   }        if(browser.versions.android){           //是否在安卓浏览器打开...  } } else {            //否则就是PC浏览器打开        } 浏览器信息汇总 var browser = {  versions: function () {   var... u = navigator.userAgent, app = navigator.appVersion;  return {   //移动终端浏览器版本信息    iPad: u.indexOf('iPad...') > -1, //是否iPad       iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器    trident: u.indexOf(

7.5K10

浏览器执行js原理

js任务循环机制中,为什么会有宏任务与微任务之分?...因此只要消息队列里有任务,JS执行主线程就会不断的执行消息队列里的任务。这便是js单线程执行js代码的简单原理,当然涉及的深的话,应该还要有IO线程,专门处理新加进来的任务,以及其它进程过来的任务。...鉴于这个属性,那js是如何处理高优先级的任务? js是如何处理高优先级的任务? 比如一个典型的场景,DOM节点的变化,增、删,改,如果页面上的一个输入框状态需要实时的映射到页面上。...但是这个模式有一个问题,就是如果当前的DOM变化非常的频繁,都去执行js任务的话,会导致当前在执行的js任务被延长,从而导致执行效率的下降;如果把这些任务添加到消息队列的尾部,则无法及时响应用户的操作。...这便是在js执行过程中为什么会有微任务与宏任务之分的原因。 文章转自 浏览器执行js原理 , https://www.xiaye0.com/articlejs?id=40

3.6K10

如何用JS识别用户浏览器是否支持某 Emoji?比如🧑‍🌾可能展示为🧑🌾

问题来了:如何判断用户浏览器能否正确展示某个 Emoji?解决思路我们在用户看不到的地方,创建一个元素,不设置该元素的宽度,并把元素的内容设置为该 Emoji。...而且由于该元素不影响用户页面的布局,不会触发浏览器的重排。为了确保字号一致,影响判断,我设置了内联样式,并且加了 !important,使之具有最高优先级。...此外,我还设置了 font-family 为 monospace 这种等宽字体,主要目的是识别出方框,因为默认字体下即使字符展示为方框,它的宽度依旧跟「正常展示 Emoji 时的宽度」一致。...当浏览器不支持某个组合时,就会拆开展示。...本文带你深入理解 String Unicode UTF8 UTF16》里,因为 JS String 使用 UTF16 编码,它一个表情符号就占用了 2 长度。

5.3K333

什么是浏览器指纹识别

浏览器指纹识别浏览器指纹识别是继cookie和supercookie之后进行用户跟踪的第三条途径。...在本篇文章中,我们将概述浏览器指纹识别的基础知识,如何使用它来跟踪互联网用户以及可以采取哪些措施来减少发送的详细信息被识别的可能性。...浏览器指纹识别如何运作 浏览器指纹识别是一种十分有效的数据收集方式,可散列独有的浏览器参数并创建数字签名。...结论 浏览器指纹识别作为一种跟踪手段正变得越来越普遍。跟前几代跟踪工具(例如HTTP cookie)相比,防御浏览器指纹识别的难度要大得多。...改善浏览器唯一性是一种趋势,目前最有效的措施是禁用JavaScript,但是一旦禁用JS就会在显示网站时引发各种客户端问题。

7.2K20

浏览器中的手写数字识别

作为一名浏览器内核研发工程师,对TensorFlow.js自然充满了兴趣。...我之前写过一系列的《一步步提高手写数字的识别率(1)(2)(3)》,手写数字识别是一个非常好的入门项目,所以在这里我就以手写数字识别为例,说明在浏览器中如何训练模型。...关于TensorFlow.js TensowFlow.js借助于WebGL,可以加速训练过程。如果浏览器不支持WebGL,也不会出错,只不过会走CPU的路径,当然速度也会慢很多。...虽然通过WebGL,也利用上了GPU,但对于大规模深度学习模型,在浏览器中训练也不现实,这个时候我们也可以在server上训练好模型,转换为TensorFlow.js可用的模型格式,在浏览器中加载模型,...参考文献: tensorflow官网 TensorFlow.js — Handwritten digit recognition with CNNs 你还可以读 一步步提高手写数字的识别率(1)(2)(

1.5K80
领券