Skip to content

Update rpsls.html #57

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Update rpsls.html #57

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
84542f7
Update rpsls.html
sulisindriyani Nov 11, 2024
f521384
Update rpsls.html
sulisindriyani Nov 11, 2024
627732a
Update rpsls.html
sulisindriyani Nov 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 36 additions & 27 deletions C1_Browser-based-TF-JS/W4/assignment/rpsls.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest"> </script>
<script src="webcam.js"></script>
<script src="rps-dataset.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest"></script>
<script src="webcam.js"></script>
<script src="rps-dataset.js"></script>
</head>
<body>
<div>
<div>
<video autoplay playsinline muted id="wc" width="224" height="224"></video>
</div>
</div>
<button type="button" id="0" onclick="handleButton(this)" >Rock</button>
<button type="button" id="1" onclick="handleButton(this)" >Paper</button>
<button type="button" id="2" onclick="handleButton(this)" >Scissors</button>
<button type="button" id="3" onclick="handleButton(this)" >Spock</button>
<button type="button" id="4" onclick="handleButton(this)" >Lizard</button>
<div id="rocksamples">Rock Samples:</div>
<div id="papersamples">Paper Samples:</div>
<div id="scissorssamples">Scissors Samples:</div>
<div id="spocksamples">Spock Samples:</div>
<div id="lizardsamples">Lizard Samples:</div>
<button type="button" id="train" onclick="doTraining()" >Train Network</button>
<div id="dummy">Once training is complete, click 'Start Predicting' to see predictions, and 'Stop Predicting' to end. Once you are happy with your model, click 'Download Model' to save the model to your local disk.</div>
<button type="button" id="startPredicting" onclick="startPredicting()" >Start Predicting</button>
<button type="button" id="stopPredicting" onclick="stopPredicting()" >Stop Predicting</button>
<button type="button" id="saveModel" onclick="saveModel()" >Download Model</button>
<div id="prediction"></div>
</body>
<div>
<div>
<video autoplay playsinline muted id="wc" width="224" height="224"></video>
</div>
</div>

<!-- Buttons for capturing samples for each class -->
<button type="button" id="0" onclick="handleButton(this)">Rock</button>
<button type="button" id="1" onclick="handleButton(this)">Paper</button>
<button type="button" id="2" onclick="handleButton(this)">Scissors</button>
<button type="button" id="3" onclick="handleButton(this)">Spock</button>
<button type="button" id="4" onclick="handleButton(this)">Lizard</button>

<!-- Display sample counts for each class -->
<div id="rocksamples">Rock Samples:</div>
<div id="papersamples">Paper Samples:</div>
<div id="scissorssamples">Scissors Samples:</div>
<div id="spocksamples">Spock Samples:</div>
<div id="lizardsamples">Lizard Samples:</div>

<script src="C1_W4_Assignment.js"></script>
<!-- <script src="C1_W4_Assignment_Solution.js"></script> -->
<!-- Buttons to control training and prediction -->
<button type="button" id="train" onclick="doTraining()">Train Network</button>
<div id="dummy">Once training is complete, click 'Start Predicting' to see predictions, and 'Stop Predicting' to end. Once you are happy with your model, click 'Download Model' to save the model to your local disk.</div>
<button type="button" id="startPredicting" onclick="startPredicting()">Start Predicting</button>
<button type="button" id="stopPredicting" onclick="stopPredicting()">Stop Predicting</button>
<button type="button" id="saveModel" onclick="saveModel()">Download Model</button>

<!-- Display prediction results -->
<div id="prediction"></div>

<!-- Include the main JavaScript file -->
<script src="C1_W4_Assignment.js"></script>
</body>
</html>