TensorFlow.js+blazeface实现浏览器中摄像头识别人脸示例代码-html代码-BFW代码库

TensorFlow.js+blazeface实现浏览器中摄像头识别人脸示例代码

代码语言：html

所属分类：多媒体

代码描述：TensorFlow.js+blazeface实现浏览器中摄像头识别人脸示例代码，注意你的网络环境要能链接谷歌服务，否则无法正常运行。

代码标签： TensorFlow blazeface 浏览器摄像头识别人脸示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Face Detection</title>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface"></script>
</head>
<body>
    <video id="video" width="720" height="560" autoplay></video>
    <script>
        const video = document.getElementById('video');

        navigator.mediaDevices.getUserMedia({ video: {} })
            .then(stream => {
                video.srcObject = stream;
            })
            .catch(err => console.error(err));

        async function run() {
            const model = await blazeface.load();
            video.addEventListener('play', async () => {
                const canvas = document.createElement('canvas');
                document.body.append(canvas);
      .........完整代码请登录后点击上方下载按钮下载查看