Dhivehi Sign Language Demo - ތާނަ އަކުރު އިޝާރާތުން
Demo: https://dhisign.pages.dev/
In this blog post, I'll explain how to build a Dhivehi Sign Language Demo that recognizes gestures in real-time using machine learning. This demo utilizes the ml5.js library for machine learning and p5.js for drawing and visualizing the video input. The key feature of this demo is the classification of sign language gestures in Dhivehi.
Project Overview
This project demonstrates the power of machine learning to recognize Dhivehi Sign Language gestures using a webcam. When a user performs a gesture in front of the webcam, the system detects it using a pre-trained model hosted on Google’s Teachable Machine and outputs the corresponding sign language character.
Key Technologies Used
- p5.js: A creative coding library for making visualizations and interactive content. It is used to capture the webcam video and display the results.
- ml5.js: A machine learning library that simplifies the use of models like image classification, built on top of TensorFlow.js. We use ml5.js to classify the webcam video feed.
- Teachable Machine: Google’s tool for training machine learning models that can be easily used in web applications. We use a pre-trained model to recognize Dhivehi Sign Language gestures.
މެޝިން ލާރނިންގ ބޭނުންކޮށްގެން ދިވެހި އިޝާރާތުގެ ބަހުގެ ޑެމޯއެއް
މި ބްލޮގް ޕޯސްޓުގައި، އަހަރެން ރިއަލްޓައިމްގައި އިޝާރާތްތައް ދެނެގަންނަ ދިވެހި އިޝާރާތުގެ ބަހުގެ ޑެމޯއެއް ބިނާކުރާނެ ގޮތް މެޝިން ލާރނިންގ ބޭނުންކޮށްގެން ކިޔައިދޭނަން. މި ޑެމޯ ބޭނުންކުރަނީ މެޝިން ލާރނިންގ އަށް ml5.js ލައިބްރަރީ އަދި ވީޑިއޯ އިންޕުޓް ކުރެހުމާއި ވިޝުއަލައިޒްކުރުމަށް p5.js އެވެ. މި ޑެމޯގެ މައިގަނޑު ފީޗަރަކީ ދިވެހި އިޝާރާތުގެ ބަހުގެ އިޝާރާތްތައް ކްލެސިފައިކުރުމެވެ.
މަޝްރޫޢުގެ ޚުލާޞާ
މި މަޝްރޫޢުން ދައްކުވައިދެނީ ވެބްކެމް ބޭނުންކޮށްގެން އިޝާރާތުން ތާނަ އަކުރު ދެނެގަތުމަށް މެޝިން ލާރނިންގްގެ ބޭނުންތެރިކަމެވެ. ބޭނުންކުރާ މީހަކު ވެބްކެމްގެ ކުރިމަތީގައި އިޝާރާތެއް ދައްކާއިރު، ސިސްޓަމުން އެ އިޝާރާތް ދެނެގަންނަނީ ގޫގުލްގެ ޓީޗަބަލް މެޝިންގައި ހޯސްޓްކޮށްފައިވާ ކުރިން ތަމްރީނުކޮށްފައިވާ މޮޑެލެއް ބޭނުންކޮށްގެންނެވެ. އަދި އެއާ ގުޅޭ އިޝާރާތުގެ ބަހުގެ އަކުރު ދައްކުވައިދެއެވެ.
ބޭނުންކޮށްފައިވާ މައިގަނޑު ޓެކްނޮލޮޖީތައް
p5.js: ވިޝުއަލައިޒޭޝަންތަކާއި އިންޓަރެކްޓިވް ކޮންޓެންޓް އުފެއްދުމަށް ބޭނުންކުރާ ކްރިއޭޓިވް ކޯޑިންގ ލައިބްރަރީއެކެވެ. މިއީ ވެބްކެމް ވީޑިއޯ ކެޕްޗަރކޮށް ނަތީޖާ ދެއްކުމަށް ބޭނުންކުރެވެއެވެ.
ml5.js: އިމޭޖް ކްލެސިފިކޭޝަން ފަދަ މޮޑެލްތައް ބޭނުންކުރުން ފަސޭހަކޮށްދޭ މެޝިން ލާރނިންގ ލައިބްރަރީއެކެވެ. މިއީ ޓެންސަރފްލޯ.js ގެ މައްޗަށް ބިނާކޮށްފައިވާ އެއްޗެކެވެ. އަހަރެމެން ml5.js ބޭނުންކުރަނީ ވެބްކެމް ވީޑިއޯ ފީޑް ކްލެސިފައިކުރުމަށެވެ.
ޓީޗަބަލް މެޝިން: ވެބް އެޕްލިކޭޝަންތަކުގައި ފަސޭހައިން ބޭނުންކުރެވޭ މެޝިން ލާރނިންގ މޮޑެލްތައް ތަމްރީނުކުރުމަށް ގޫގުލްގެ ޓޫލެކެވެ. އަހަރެމެން ބޭނުންކުރަނީ ދިވެހި އިޝާރާތުގެ ބަހުގެ އިޝާރާތްތައް ދެނެގަތުމަށް ކުރިން ތަމްރީނުކޮށްފައިވާ މޮޑެލެކެވެ.
