HTML5人臉識別技術在現代網絡應用程序開發中發揮著重要作用。以下是一段人臉識別技術代碼的示例:
function detectFace() {
var video = document.getElementById('video');
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var tracker = new tracking.ObjectTracker('face');
tracker.setInitialScale(4);
tracker.setStepSize(2);
tracker.setEdgesDensity(0.1);
tracking.track(video, tracker, { camera: true });
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
event.data.forEach(function(rect) {
context.strokeStyle = '#a64ceb';
context.strokeRect(rect.x, rect.y, rect.width, rect.height);
context.font = '11px Helvetica';
context.fillStyle = "#fff";
context.fillText('x: ' + rect.x + 'px', rect.x + rect.width + 5, rect.y + 11);
context.fillText('y: ' + rect.y + 'px', rect.x + rect.width + 5, rect.y + 22);
});
});
}
以上代碼通過使用tracking.js庫,實現了JavaScript人臉識別功能。通過該代碼,可以實時監測視頻流中的人臉,使用canvas在視頻畫面上標記出人臉區域,并在區域旁顯示坐標信息。