https://github.com/gwendall/use-media-models

A toolset to use media models in React
https://github.com/gwendall/use-media-models

Last synced: about 2 months ago
JSON representation

A toolset to use media models in React

• Host: GitHub
• URL: https://github.com/gwendall/use-media-models
• Owner: gwendall
• Created: 2024-06-29T20:36:15.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-01T10:27:46.000Z (11 months ago)
• Last Synced: 2025-04-04T22:47:00.412Z (about 2 months ago)
• Language: TypeScript
• Size: 65.4 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
A toolset to use AI media models in React.

## Install

`yarn add use-media-models` or `npm install use-media-models --save`.

## Use a model

### useMediapipe

```typescript

import React from "react";

import { useCamera, useMediapipe } from "use-media-models";

export default function ExamplePage() {

  const videoRef = React.useRef(null);

  const { startCamera } = useCamera(videoRef);

  const { startModel, } = useMediapipe("faceLandmarker", {

    onResults: (results, stream) => {

      console.log('Got results.', results.faceLandmarks);

    },

  });

  React.useEffect(() => {

    startCamera().then(({ stream }) => startModel({ stream }));

  }, []);

  return (

    

  );

}

```