資訊專欄INFORMATION COLUMN
摘要：識別出人臉后，要算寬度，要在一定的寬度才算人臉，可以裁剪出正方形發(fā)送檢索人臉。
人臉簽到
花了一個星期做了人臉簽到的demo，github地址歡迎star,在線預(yù)覽大屏幕demo
先說些廢話，以前做年會的抽獎，感覺好傻，現(xiàn)在正好在學(xué)threejs，就想做個這樣的場景來抽獎的方式，又在學(xué)人臉識別的知識，就想做人臉識別簽到，就想都做在瀏覽器中
體驗完整過程1.微信掃描注冊上傳頭像
手機瀏覽器打開人臉識別（ios11支持，微信瀏覽器不支持）
3.電腦打開大屏幕 地址
大屏幕可以同步顯示剛剛的人臉
需要調(diào)用攝像頭，實時顯示有人臉，可以用node或者python調(diào)用opencv之類的，但是這是后端的應(yīng)用，可以用樹莓派做個裝置，但是是瀏覽器識別，所以用tracking.js（已經(jīng)好幾年沒有更新了，要識別其他的模型的話，可以python訓(xùn)練出來模型）。識別出人臉后，要算寬度，要在一定的寬度才算人臉，可以裁剪出正方形發(fā)送檢索人臉。
2.人臉檢索人臉檢索采用的是騰訊云的智能圖像的api，需要創(chuàng)建個人信息，需要一個唯一的id（用的是微信的openid），一個人臉可以添加20張相似度低于99%的圖片，一個組織可以有2w個人，肯定夠用的，接口費用很便宜，月調(diào)去量是一萬次免費
3.上傳個人信息獲取微信openid，將照片上傳到服務(wù)器保存，并添加到騰訊云的臉庫中
4.threejs場景添加一個天空盒
計算球（原實例用的CSS3render，需要改成webglrender）
L形狀 四個需要寫頂點連接
動畫效果 用anime.JS，感覺好用，為什么不用tween，因為自己剛剛學(xué)會的，所以想試一試
出現(xiàn)了人臉，需要將人臉飛到球的方塊中，需要用到坐標(biāo)轉(zhuǎn)換，還有四元數(shù)，才能緊貼著
空閑沒有人臉，會一直播放隨機圖片動畫，有人臉了會動畫結(jié)束后播放
5.socket通信用socket.io通信，實時識別到人臉后，將人臉圖及時發(fā)送到大屏幕
6.ssl因為用攝像頭識別需要ssl證書，他的請求都需要ssl，所以服務(wù)都要使用ssl證書，nginx或者apache需要配置https，并且將端口轉(zhuǎn)發(fā),配置node服務(wù)以及socket服務(wù)的https
未完成tasks會修改人臉飛入的動畫，需要有個中間點過度
增加粒子的動畫，任意選個圖片添加爆炸成圖片的效果
用寫shader來寫些效果
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/96014.html
摘要：增強現(xiàn)實以下簡稱浪潮正滾滾而來，瀏覽器作為人們最唾手可得的人機交互終端，正在大力發(fā)展技術(shù)。目前年底前端要想實現(xiàn)，都是靠的視頻透視式技術(shù)。但這兩個都是移動的，于是谷歌的團(tuán)隊提供了和兩個庫，以便開發(fā)者能用技術(shù)來基于和開發(fā)，從而實現(xiàn)。 本文作者 GeekPlux，博客地址：http://geekplux.com/2018/01/18/augmented-reality-development...
摘要：身為一名前業(yè)務(wù)程序員和現(xiàn)前端程序員，這樣的功能還是陌生的領(lǐng)域。需求使用加攝像頭，通過人臉檢測，完成自動拍照功能。在的屏幕上，顯示攝像頭的實時畫面，要是畫面中檢測出人臉，則觸發(fā)拍照。這樣做的效果能夠獲得更高的，同時還能完成更遠(yuǎn)距離臉部的捕獲。 因為項目原因，需要使用人臉檢測（face detection）功能。身為一名前JAVA業(yè)務(wù)程序員和現(xiàn)前端程序員，這樣的功能還是陌生的領(lǐng)域。那能不能...
摘要：的發(fā)布已經(jīng)有一些時日，其主要的提供的能力是給予前端直接可用的特征檢測的接口包括條形碼人臉文本檢測。本文將簡單的對其進(jìn)行介紹，對前端進(jìn)行人臉檢測進(jìn)行普適性的講解。 Shape Detection API 的發(fā)布已經(jīng)有一些時日，其主要的提供的能力是給予前端直接可用的特征檢測的接口（包括條形碼、人臉、文本檢測）。本文將簡單的對其進(jìn)行介紹，對前端進(jìn)行人臉檢測進(jìn)行普適性的講解。（本文不講算法～望...
閱讀 3734·2021-09-07 10:19
閱讀 3666·2021-09-03 10:42
閱讀 3608·2021-09-03 10:28
閱讀 2579·2019-08-29 14:11
閱讀 839·2019-08-29 13:54
閱讀 1625·2019-08-29 12:14
閱讀 448·2019-08-26 12:12
閱讀 3650·2019-08-26 10:45
