Update Script_Speech_recognition/stranka.html

This commit is contained in:
Mário Panenko 2024-11-04 21:11:53 +00:00
parent 2daceac28d
commit 9f7511f8aa

View File

@ -20,17 +20,16 @@
<textarea id="inputText" placeholder="Enter text"></textarea> <textarea id="inputText" placeholder="Enter text"></textarea>
<!-- Pole pre preklad --> <!-- Pole pre preklad -->
<div class = "video" > <div class="video">
<video id="translationVideo" controls style="border: 2px solid #ccc; border-radius: 4px;"> <h2 id="currentLetter" style="text-align: center;"></h2> <!-- Current letter heading -->
<video id="translationVideo" controls style="border-radius: 4px;">
<source src="" type="video/mp4"> <source src="" type="video/mp4">
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>
<!-- Navigation arrows -->
<button id="prevBtn" style="position: absolute; top: 50%; left: -40px; transform: translateY(-50%); font-size: 24px; background-color: #4285f4; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer;"></button> <button id="prevBtn" style="position: absolute; top: 50%; left: -40px; transform: translateY(-50%); font-size: 24px; background-color: #4285f4; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer;"></button>
<button id="nextBtn" style="position: absolute; top: 50%; right: -40px; transform: translateY(-50%); font-size: 24px; background-color: #4285f4; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer;"></button> <button id="nextBtn" style="position: absolute; top: 50%; right: -40px; transform: translateY(-50%); font-size: 24px; background-color: #4285f4; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer;"></button>
</div> </div>
</div> </div>
<!-- Tlačidlo pre mikrofón --> <!-- Tlačidlo pre mikrofón -->