vue项目中使用clmtrackr.js报错

vue项目中使用clmtrackr.js报错

referenceerror: module is not defined

• 通过webpack加载clmtrackr时出现此问题。start()调用函数时显示此错误。

原因：jsfeat模块引入失败。

解决：

1、使用引入script标签动态引入js文件

const bodyEl = document.querySelector('body')
      const clmScript = document.createElement('script')
      clmScript.type = 'text/javascript'
      clmScript.src = './static/js/lib/clmtrackr.js'
      clmScript.onload = () => {
        // eslint-disable-next-line new-cap
        var ctracker = new window.clm.tracker()
        this.ctracker = ctracker
        ctracker.init()
        ctracker.start(this.video)
      }
      bodyEl.append(clmScript)

2、将clmtrackr加载为UMD模块。

使用clmtrackr.js 实现人脸识别的简单记录

基本思路

1.保持人脸固定在视频指定区域，监听鼻子区域变化位置
2.张张嘴识别，主要监听上下嘴唇的距离变化