Mirror
/
esp32-cam-webserver
mirror of https://github.com/easytarget/esp32-cam-webserver.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add files via upload 

Added a style transform rotate command to the view that allows the camera to be orientated in different ways. Added a rotate select item to the setup menu. Not perfect but working.  I have not added anything to c code base only the html.
This commit is contained in:
jmfloyd 2020-03-29 17:58:16 +11:00 committed by GitHub
parent 1cfa98426c
commit df044b303f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
camera_index_ov2640.h
View File

@ -532,6 +532,14 @@ const uint8_t index_ov2640_html[] PROGMEM = R"=====(
<label class="slider" for="vflip"></label>
</div>
</div>
<div class="input-group" id="rotate-group">
<label for="rotate">Rotate</label>
<select id="rotate" class="rotate-action">
<option value="0">None</option>
<option value="90" selected="selected">Rotate Right</option>
<option value="-90">Rotate Left</option>
</select>
</div>
<div class="input-group" id="dcw-group">
<label for="dcw">DCW (Downsize EN)</label>
<div class="switch">
@ -789,7 +797,14 @@ document.addEventListener('DOMContentLoaded', function (event) {
const detect = document.getElementById('face_detect')
const recognize = document.getElementById('face_recognize')
const framesize = document.getElementById('framesize')
const rotate = document.getElementById('rotate')
rotate.onchange = () => {
rot = ro.value;
//alert(`Setting rotate:${rot}`);
view.style.transform = `rotate(${rot}deg)`;
//alert('rewrittem stream style: '+j.style.transform);
}
framesize.onchange = () => {
updateConfig(framesize)
if (framesize.value > 5) {
@ -831,5 +846,4 @@ document.addEventListener('DOMContentLoaded', function (event) {
</html>
)=====";
size_t index_ov2640_html_len = sizeof(index_ov2640_html);