31:[] 2f:{"title":"Handsfree.js demo on 2018 August","cells":[{"id":0,"value":"md`# Handsfree.js demo on 2018 August`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md `### More instructions on the handsfree.js page`","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"md `#### Handsfree.js was created by Oz Ramos and builds upon the tensorflow.js port of posenet ` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"md `Made this little demo to quickly experiment with the library. Main problem I had was the video object added is added to the bottom of the last cell, which is outside the viewing area. I got around this by added a 500px div after the run call, but there are likely better solutions. Performance was a little slower than hoped and and made my laptop, a 2015 Macbook pro, fan run. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":346,"value":"md `#### Import the library`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"HandsfreeModule =require('handsfree@1.2.4/dist/handsfree.js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":348,"value":"md `#### Get an instance`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"handsfree = new HandsfreeModule({autoPointers: true, autoStart: true,taget:\"screen\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"handsfree.update({debug: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":177,"value":"html `

To start requires 3 steps:

Uncomment and Run the currently commented out line below = \"//handsfree.start()\"
There should now be a pop-up asking for your permission to access the webcame. Click 'allow'.
Go the bottom and find the commented out line like = html < div style= 'height:500px' > < / div> . Paste it into a new cell at the very bottom. Hit the run arrow of that cell. You should then be able to see the screen object that was created and appended to what was at the time the bottom of the active page.

`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"//handsfree.start()","pinned":true,"hidden":false,"mode":"ojs"},{"id":182,"value":"md `### IF you need to stop, uncomment out the line below and call handsfree.stop() in the cell below`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"//handsfree.stop()","pinned":true,"hidden":false,"mode":"ojs"},{"id":208,"value":"md `Copy and run the last line if you can't see the video image!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":371,"value":"//// Adding another plugin to return the x y position \n// Add the plugin\nhandsfree.use({\n // The name for this plugin\n name: 'returnData',\n\n // This runs on every frame, for every tracked pose\n callback: ({x,y,z,pitch,yaw,pose}) => {\n window.localStorage.setItem(\"x_pos\", x)\n window.localStorage.setItem(\"y_pos\", y)\n window.localStorage.setItem(\"z_pos\", z)\n window.localStorage.setItem(\"pitch_pos\", pitch)\n window.localStorage.setItem(\"yaw_pos\", yaw)\n window.localStorage.setItem(\"pose_pos\", pose)\n }\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":392,"value":"md `variables returned = x, y, z, pitch, yaw, pose`","pinned":false,"hidden":false,"mode":"ojs"},{"id":377,"value":"x = window.localStorage.getItem(\"x_pos\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":389,"value":"y = window.localStorage.getItem(\"y_pos\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":222,"value":"//html `

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"// screen = html `

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":367,"value":"//screen0 = html `

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":416,"value":"//screen = html `

`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}