Skip to content

Instantly share code, notes, and snippets.

@wallacepreston
Created January 18, 2019 04:23
Show Gist options
  • Save wallacepreston/04be28000335015691bc6010d8c8824b to your computer and use it in GitHub Desktop.
Save wallacepreston/04be28000335015691bc6010d8c8824b to your computer and use it in GitHub Desktop.
React Facial Feature Tracking as a Component
THIS IS A CHROME EXPERIMENT
<div id="demo"></div>
var props = { facialFeatureTracker: window.ReactFacialFeatureTracker };
ReactDOM.render( React.createElement(window.Demo, props), document.getElementById('demo'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.rawgit.com/hamedb89/react-facial-feature-tracker/master/build/demo.js"></script>
<script src="https://cdn.rawgit.com/hamedb89/react-facial-feature-tracker/master/build/react-facial-feature-tracker.js"></script>
.the-video {
position: relative
}
.the-video canvas {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment