summaryrefslogtreecommitdiff
path: root/web/kvm/index.html
diff options
context:
space:
mode:
authorMaxim Devaev <[email protected]>2022-02-21 04:18:15 +0300
committerMaxim Devaev <[email protected]>2022-02-21 04:18:15 +0300
commit96191a1b0809a62e5b14316190c3de46b05d9ec2 (patch)
tree6a1e6238ecb6fad8ce78f644af99c73533fbbe30 /web/kvm/index.html
parent67839a52a22a4e470109d3d0c8acf4798843bcf6 (diff)
ocr
Diffstat (limited to 'web/kvm/index.html')
-rw-r--r--web/kvm/index.html34
1 files changed, 33 insertions, 1 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html
index 697a8d5f..d095ed56 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -506,7 +506,7 @@
</div>
</div>
</li>
- <li class="right"><a class="menu-button" href="#">Paste</a>
+ <li class="right"><a class="menu-button" href="#"><img class="feature-disabled" data-dont-hide-menu id="stream-ocr-led" src="/share/svg/led-gear.svg">Text</a>
<div class="menu" data-dont-hide-menu>
<div class="text"><b>Paste text as keypress sequence<br></b><sub>Please note that PiKVM cannot switch the keyboard layout</sub></div>
<hr>
@@ -535,6 +535,35 @@
</td>
</tr>
</table>
+ <div class="feature-disabled" id="stream-ocr">
+ <hr><br>
+ <hr>
+ <div class="text"><b>Text recognition<br></b><sub><a target="_blank" href="https://docs.pikvm.org/ocr">OCR</a> works locally on PiKVM</sub></div>
+ <hr>
+ <table class="kv">
+ <tr>
+ <td>
+ <button data-force-hide-menu id="stream-ocr-button">&bull; Select area</button>
+ </td>
+ <td>for</td>
+ <td>
+ <select id="stream-ocr-lang-selector"></select>
+ </td>
+ <td>text recognition</td>
+ </tr>
+ </table>
+ <table class="kv">
+ <tr>
+ <td colspan="4">&bull; Press <b>Enter</b> to recognize and copy text to clipboard</td>
+ </tr>
+ <tr>
+ <td colspan="4">&bull; Press <b>Esc</b> to cancel selection</td>
+ </tr>
+ <tr>
+ <td></td>
+ </tr>
+ </table>
+ </div>
</div>
</li>
<li class="right"><a class="menu-button" href="#">Shortcuts</a>
@@ -588,6 +617,9 @@
<div class="menu" data-dont-hide-menu id="gpio-menu"></div>
</li>
</ul>
+ <div class="window" id="stream-ocr-window">
+ <div class="hidden" id="stream-ocr-selection"></div>
+ </div>
<div class="window window-resizable" id="stream-window">
<div class="window-header" id="stream-window-header">
<div class="window-grab">MJPEG</div>