Skip to content

Instantly share code, notes, and snippets.

@javierluraschi
Created July 15, 2021 17:06
Show Gist options
  • Save javierluraschi/20f08b9093fcddf3fe8706addf4192e4 to your computer and use it in GitHub Desktop.
Save javierluraschi/20f08b9093fcddf3fe8706addf4192e4 to your computer and use it in GitHub Desktop.
PoseNet with tensorflow.js and Elon image
<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet"></script>
<img id='pose' src="data:image/jpeg;base64,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" alt="" />
<div id='details'></div>
<script>
var imageElement = document.getElementById('pose');
posenet.load().then(function(net) {
const pose = net.estimateSinglePose(imageElement);
return pose;
}).then(function(pose){
document.getElementById('details').innerText = JSON.stringify(pose);
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment