Published
Edited
Jun 2, 2018
1 star
viewof imgSrc = {
// Hint: imgur.com has relaxed CORS policies.
const catSrc = 'https://raw.githubusercontent.com/tensorflow/tfjs-examples/master/mobilenet/cat.jpg';
const input = html`<input type=text style='width:600px; height: 20px; font-size: 14px'>`;
input.value = catSrc;
return input;
}
viewof webcam = html`<input type=checkbox value=1>`
source = {
if (webcam) {
const vid = html`<video autoplay="true" id="vid" width=224 height=224></video>`;
navigator.getUserMedia({video: true}, (stream) => {
vid.src = window.URL.createObjectURL(stream);
}, ()=>{});
return vid;
} else {
const img = new Image();
img.setAttribute('crossorigin', 'anonymous');
img.width = 224;
img.height = 224;
img.src = imgSrc;
return img;
}
}
tf = require('@tensorflow/tfjs@0.10.3')
model = await tf.loadModel('https://storage.googleapis.com/tfjs-models/tfjs/mobilenet_v1_0.25_224/model.json')
logits = {
while(true) {
yield tf.tidy(() => {
let offset = tf.scalar(127.5)
let img = tf.fromPixels(source)
let inputs = img.cast('float32').sub(offset).div(offset).reshape([1, 224, 224, 3])
return model.predict(inputs).dataSync()
})
}
}
maxProb = Math.max.apply(null, logits)
topClass = IMAGENET_CLASSES[logits.indexOf(maxProb)]
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
