gpt4 book ai didi

javascript - 处理 headtrackr.js 的事件监听器

转载 作者:行者123 更新时间:2023-12-03 06:37:31 25 4
gpt4 key购买 nike

我希望能够使用 headtrackr.js 通过头部移动来滚动页面

https://github.com/auduno/headtrackr

我已将代码实现到基本的 html 页面上。

<html>
<head>
<title>Test</title>
<script src="headtrackr.js"></script>

</head>
<body>
<canvas id="inputCanvas" width="320" height="240" style="display:none"></canvas>
<video id="inputVideo" autoplay loop></video>
<script type="text/javascript">
var videoInput = document.getElementById('inputVideo');
var canvasInput = document.getElementById('inputCanvas');
var htracker = new headtrackr.Tracker();
htracker.init(videoInput, canvasInput);
htracker.start();
</script>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</body>
</html>

上面是启用 SSL 的 - 视频出现。脸部被检测到。但文档不滚动。

我还需要其他东西吗?喜欢听者阅读 headtrackr 读数吗?我在 github 或 http://www.digitoffee.com/video/scroll-a-document-by-just-moving-your-head/428/ 的文档中找不到这个

最佳答案

也许尝试添加此事件监听器来更改您想要执行的任何操作?

document.addEventListener('headtrackingEvent', function(e) {
window.scrollTo( e.x, e.y );
}

关于javascript - 处理 headtrackr.js 的事件监听器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38121798/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com