# Major Project

**URL:** https://forum.kirupa.com/t/major-project/656759
**Category:** programming
**Created:** [February 6, 2023, 4:10pm UTC](https://forum.kirupa.com/t/major-project/656759 "2023-02-06T16:10:02Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Praneeth\_Kumar](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/praneeth_kumar/32/20634_2.png) [@Praneeth\_Kumar](https://forum.kirupa.com/u/Praneeth_Kumar)
#### Post date: [February 6, 2023, 4:10pm UTC](https://forum.kirupa.com/t/major-project/656759/1 "2023-02-06T16:10:02Z")

</div>

i want my output screen to be like half of the page to be of my webcam  
and the half should be able to display the output of the gesture which is displayed in the webcam in the form of text

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [February 6, 2023, 4:10pm UTC](https://forum.kirupa.com/t/major-project/656759/2 "2023-02-06T16:10:58Z")

</div>

What script or library are you using for detecting the hand gesture? 😀

---

<div class="post-metadata">

### Author: ![Praneeth\_Kumar](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/praneeth_kumar/32/20634_2.png) [@Praneeth\_Kumar](https://forum.kirupa.com/u/Praneeth_Kumar)
#### Post date: [February 6, 2023, 4:31pm UTC](https://forum.kirupa.com/t/major-project/656759/3 "2023-02-06T16:31:47Z")

</div>

Soo we are using mediapipe to convert the gestures into landmarks values  
And then we are storing the landmark values in a csv file  
We use SVM to train and test the csv file

---

<div class="post-metadata">

### Author: ![Praneeth\_Kumar](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/praneeth_kumar/32/20634_2.png) [@Praneeth\_Kumar](https://forum.kirupa.com/u/Praneeth_Kumar)
#### Post date: [February 6, 2023, 4:36pm UTC](https://forum.kirupa.com/t/major-project/656759/4 "2023-02-06T16:36:08Z")

</div>

Soo our UI needs to be like  
Half of the screen should be showing the webcam which captures the gestures  
And then the other half consist of output for those gestures in the form of text and voice  
Soo as I’ve watched your video to show our webcam in web page but how can we do the other half of that!!?

---

<div class="post-metadata">

### Author: ![Praneeth\_Kumar](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/praneeth_kumar/32/20634_2.png) [@Praneeth\_Kumar](https://forum.kirupa.com/u/Praneeth_Kumar)
#### Post date: [February 6, 2023, 5:10pm UTC](https://forum.kirupa.com/t/major-project/656759/5 "2023-02-06T17:10:30Z")

</div>

Python script

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [February 7, 2023, 12:07am UTC](https://forum.kirupa.com/t/major-project/656759/6 "2023-02-07T00:07:41Z")

</div>

It seems like you have training data. You are looking to put this data to work on a live feed and display the output of any detected gestures.

Do you have the output of your gesture detection appearing in a HTML web page? If you don’t have it appearing in some sort of a browser environment, this is where it will be getting tricky.

---

<div class="post-metadata">

### Author: ![Praneeth\_Kumar](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/praneeth_kumar/32/20634_2.png) [@Praneeth\_Kumar](https://forum.kirupa.com/u/Praneeth_Kumar)
#### Post date: [February 7, 2023, 1:13am UTC](https://forum.kirupa.com/t/major-project/656759/7 "2023-02-07T01:13:10Z")

</div>

Noo sir weren’t having anything and we need to do it by ourselves

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [February 7, 2023, 2:05am UTC](https://forum.kirupa.com/t/major-project/656759/8 "2023-02-07T02:05:00Z")

</div>

Unfortunately, I don’t have too much guidance on how you can do this. At a high-level, what you need is a server backend that receives your video feed as input, runs your Python script to analyze the feed, returns the results in a form (like JSON) that JavaScript can easily parse and display in your web page.

Have you looked into TensorFlow JS? It does a lot of work on the client that can simplify much of what you are trying to do 🙂

> **[Handtrack.js: tracking hand interactions in the browser using Tensorflow.js...](https://blog.tensorflow.org/2019/11/handtrackjs-tracking-hand-interactions.html)**
>
> The TensorFlow blog contains regular news from the TensorFlow team and the community, with articles on Python, TensorFlow.js, TF Lite, TFX, and more.
