Skip to content

A collection of sample AR applications in React with Google's Mediapipe

Notifications You must be signed in to change notification settings

mateusmb/react-mediapipe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Mediapipe - Tutorial and sample code to get Google's Mediapipe work in React

Google's Mediapipe is a set of open source cross-platform libraries for Machine Learning on real time media. If you don't know Mediapipe check out the official webpage and code repo.

All in all, this toolset allows to easily apply feature detection and tracking for live video and media files aswell. The code base is mostly C++, but the libraries have bindings for most popular languages and platforms as of today. The official website and docs cites Android, iOS, Python and Javascript, but it should be possible to make it run in virtually any other popular language/framework.

The majority of code samples and tutorials with Mediapipe show it running in Python applications. The website shows samples with only the languages and platforms officially supported, but there are already some implementations with Unity, Flutter and even running directly on cloud, just to name a few.

However there is almost no sample or tutorial to get Mediapipe running on popular web frameworks (React, Angular or Vue). Besides the official website having setup explanations for Vanilla Javascript, it lacks some bit of information that is needed to get it working with the frameworks.

This repo have a setup tutorial and code samples of Mediapipe running with React, so anyone can use it right away to improve user experience and interactions in web applications made in React.

Disclaimer: Mediapipe is in an ongoing development stage. Things may change or may not. I will do my best to keep this repository updated and with the latest features. However, feel free to make pull requests if you know that something changed or if there is something new.

Available Solutions for Javascript

About

A collection of sample AR applications in React with Google's Mediapipe

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published