html人脸检测代码

HTML人脸检测代码

!doctype html>
    html>
      meta charset="UTF-8">
      title>
    人脸检测/title>
      script src="https://code.jquery.com/jquery-3.4.1.min.js">
    /script>
      script src="face-api.min.js">
    /script>
      input type="file" id="fileInput" accept="image/*">
      img src="" id="inputImage">
      canvas id="overlay">
    /canvas>
      script>
    $(document).ready(function(){
      $('#fileInput').on('change', async function(e){
        let image = await faceapi.bufferToImage(e.target.files[0])        $('#inputImage').get(0).src = image.src        const canvas = $('#overlay').get(0)        const displaySize = {
 width: image.width, height: image.height }
        faceapi.matchDimensions(canvas, displaySize)        const detections = await faceapi.detectAllFaces(image).withFaceLandmarks().withFaceExpressions()        const resizedDetections = faceapi.resizeResults(detections, displaySize)                const context = canvas.getContext('2d')        context.clearRect(0, 0, canvas.width, canvas.height)        faceapi.draw.drawDetections(canvas, resizedDetections)        faceapi.draw.drawFaceLandmarks(canvas, resizedDetections)        faceapi.draw.drawFaceExpressions(canvas, resizedDetections)      }
)    }
    )  /script>
    /html>
    

以上代码实现了基本的人脸检测，并在图片上标出人脸、面部特征点和表情。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！