Ereignis-Listener zu handhaben headtrackr.js

Ich möchte eine Seite mit Kopfbewegungen blättern können, mit headtrackr.jsEreignis-Listener zu handhaben headtrackr.js

ich den Code auf eine einfache HTML-Seite implementiert haben.

<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>

Das obige ist SSL-fähig - das Video erscheint. Das Gesicht wird erkannt. Aber das Dokument scrollt nicht.

Benötige ich etwas anderes? Wie ein Zuhörer, um die Headtrackr-Lesungen zu lesen? Ich kann dies nicht in der Dokumentation auf Github oder http://www.digitoffee.com/video/scroll-a-document-by-just-moving-your-head/428/

Quelle

2016-06-30 Cody Raspien

finden Vielleicht versuchen Sie, diesen Event-Listener zu ändern, was auch immer Sie tun möchten?

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

Quelle

2016-07-01 05:38:49

Ereignis-Listener zu handhaben headtrackr.js

Antwort

Verwandte Themen