百度AI 人臉識別 v3 node版

阿新 • • 發佈：2019-02-20

/* 從前臺到後臺的人臉識別 1.開啟攝像頭 1)window.navigator 2.同步到video的src 物件=> window.URL =>blob 1)解析視訊流為blob 新增到 src 3.canvas建立視訊片段照片 4. */ var open = document.querySelector('.open');//獲取open按鈕 var

capture = document.querySelector('.capture'); // 獲取video標籤 var recognition = document.querySelector('.recognition'); //獲取人臉識別的按鈕 var close = document.querySelector('.close'); var notice = document.querySelector('.notice'); var canvas = document.querySelector('.draw_img'); var context = canvas.getContext('2d'

); var buffer; open.onclick = invokingCamera; //回撥函式函式名稱加括號是主動執行 recognition.onclick = screenShot; //點選人臉識別 close.onclick = function () { //console.log(buffer); buffer && buffer.getTracks()[0].stop(); //停止視訊流 //console.log(buffer); } //獲取攝像頭,獲取流媒體資料 function

invokingCamera() { if (navigator.mediaDevices.getUserMedia) { //優先使用前置攝像頭 navigator.mediaDevices.getUserMedia({audio: false, video: {facingMode: "user"}}).then( //獲取視訊流資料成功後 function (MediaStream) { //console.log(stream); buffer = MediaStream; //會指向一個記憶體地址 //console.log(buffer); capture.srcObject = MediaStream; capture.onloadedmetadata = function(e) { capture.play(); }; } ).catch( //失敗後 function (err) { console.log(err.name + ": " + err.message); } ); } else { alert('您的瀏覽器不支援攝像頭'); } } function screenShot() { msg('正在檢測,請稍後~~~', '#c665ff'); context.drawImage(capture,0,0,200,150); new Post({ url: '/judge', data:canvas.toDataURL('image/png'), success: function (res) { console.log(res); //伺服器傳送的訊息 res = JSON.parse(res).result.score; console.log(typeof res); if (res > 85) { msg('歡迎主人~', '#7ef6c7'); } else { msg('醜拒~~', '#f10d0f'); } } }) } function msg(con, color) { //輸出資訊 notice.innerHTML = con + ''; notice.style.color = color; } //post 方式傳輸資料 get的話 base64 5mb url function Post(opt) { //建構函式 this.init(opt); } Post.prototype = { init: function (opt) { //初始化引數 URL地址 Data引數 method方式 this.url = opt.url || ''; this.data = opt.data || {}; this.method = 'POST'; this.async = true;//非同步 this.success = opt.success || function () { //回撥函式 } this.xhr(); }, xhr: function () { var that = this; var xhr = new XMLHttpRequest();//ajax物件例項化 console.log(this.data) //請求的型別請求地址非同步或者同步 xhr.open(this.method, this.url, this.async); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8'); //表頭 xhr.send('img='+this.data); xhr.onreadystatechange = function (ev) { if (xhr.status === 200 && xhr.readyState === 4) { this.success(xhr.response);//回撥資料 } }.bind(this); } } new Post({ url: '/access', data:'', })

百度AI 人臉識別 v3 node版

百度AI 人臉識別 v3 node版

基於百度AI人臉識別技術的Demo

百度AI人臉識別實現臉部清晰度、光照檢測python

如何使用百度雲人臉識別服務（V3版介面python語言）（二）初識SDK

百度AI 人臉檢測

Python——百度AI影象識別API實現動物識別

百度Aip人臉識別之python程式碼

百度AI—人臉線上比對

百度AI—人臉在線比對

百度大腦人臉識別深度驗證與思考（四）之再論顏值

百度大腦人臉識別深度驗證與思考（十一）之動態實時

百度大腦人臉識別深度驗證與思考（八）之面部遮擋

百度大腦人臉識別深度驗證與思考（十）之素妝對決

百度雲人臉識別- 獲取token+輸出圖片人臉檢測的資訊

百度大腦人臉識別深度驗證與思考（十二）之斷章

百度大腦人臉識別深度驗證與思考（一）之環境搭建

百度大腦人臉識別深度驗證與思考（五）之人種識別

百度大腦人臉識別深度驗證與思考（三）之顏值識別

百度大腦人臉識別深度驗證與思考（二）之年齡識別

百度大腦人臉識別深度驗證與思考（七）之骨骼精奇

百度AI 人臉識別 v3 node版

相關推薦