Code Monkey home page Code Monkey logo

livecam's Introduction

LiveCam Demo

使用本地摄像头浏览器进行模型效果实时展示。

The web page in this repository supports running a model hosted on Roboflow by:

  1. Using your webcam to run inference.
  2. Selecting from a predefined image to run inference.
  3. Uploading an image to run inference.

项目截图

Roboflow Homepage Demo screenshot showing inference on an image of a baseball scene

使用介绍

This repository is a template, which means you can directly copy this code into your own repository from GitHub.

Click "Use this template" on GitHub to create a copy of this repository with which you can experiment.

You can also test a live Repl.it of this project and fork the Repl.it to your own account to build on top of it.

Getting Started

Once you clone this repository into your own environment, you'll need to add your Roboflow API key to the script.js file. Search for the term "API_KEY" and replace the empty string with your API key. For steps on how to find your API key, see the Roboflow documentation.

By default, this project runs a model called microsoft-coco that was trained using the Microsoft COCO dateset. You can change the model that is used by changing the model_name variable in the script.js file and the version version number variable.

To find your model name and version number, go to the Deploy tab associated with your model in Roboflow. The model name is the string that appears under the "Training Results" section of the application. The version number is the number that appears next to the string.

Model Name and Version Number

Deploy to GitHub Pages

You can deploy this project to GitHub pages to host your project online.

To do so:

  1. Click "Use this template" and follow the instructions to create a copy of this repository in your own GitHub account.
  2. Go to the Settings tab of your repository.
  3. Click "Pages" in the sidebar.
  4. Select "main" as the branch from which to deploy.
  5. Click "Save".

Your project will now be hosted at https://<your-github-username>.github.io/<your-repository-name>/index.html.

Technology Stack

Contributing

Do you have an idea on how we can improve this project? Feel free to file an Issue so we can discuss your ideas. If you have identified a bug, please file an issue. PRs that solve any bugs you encounter are greatly appreciated!

livecam's People

Contributors

airhao3 avatar

Watchers

 avatar

livecam's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.