Hearo Smart Assistant

<div>Teachable Machine Image Model</div>

<button type=”button” onclick=”init()”>Start</button>

<div id=”webcam-container”></div>

<div id=”label-container”></div>

<script src=”https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js”></script>

<script src=”https://cdn.jsdelivr.net/npm/@teachablemachine/image@latest/dist/teachablemachine-image.min.js”></script>

<script type=”text/javascript”>

    // More API functions here:

    // https://github.com/googlecreativelab/teachablemachine-community/tree/master/libraries/image

    // the link to your model provided by Teachable Machine export panel

    const URL = “./my_model/”;

    let model, webcam, labelContainer, maxPredictions;

    // Load the image model and setup the webcam

    async function init() {

        const modelURL = URL + “model.json”;

        const metadataURL = URL + “metadata.json”;

        // load the model and metadata

        // Refer to tmImage.loadFromFiles() in the API to support files from a file picker

        // or files from your local hard drive

        // Note: the pose library adds “tmImage” object to your window (window.tmImage)

        model = await tmImage.load(modelURL, metadataURL);

        maxPredictions = model.getTotalClasses();