2023 Mineshine Graduation Season Event Website

Mineshine Graduation Season 2023

An application that combines AI face detection with HTML5 canvas to create personalized short videos based on the photos users upload.

  • Built the project with React and TypeScript, and face-api.js for AI face detection.
  • Manipulated video using HTML5 canvas, rendering frames in real-time with additional images based on the face detection results on the canvas.
Mineshine Graduation Season 2023 - Main interface

How to Play:

  1. Enter your school and class name.

  2. Choose a sentence that will be used in the video.

  3. Upload your photo; the AI face detection will identify the faces detected.

  4. Enjoy your personalized video!

Visit and enjoy yourself: https://www.mineshine-myfriend.com.tw/