zgaetano/BM-Camera-Control-WebUI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Squashed commit of the following:

Browse source 
commit 43fc71c0ca
Author: DylanSpeiser <bluedisney16@gmail.com>
Date:   Wed Oct 30 14:46:11 2024 -0400

    v1.4

    Incorporate Auto WB button, improve page layout on small screens

commit 9c0a8765ce
Author: LukasW1337 <wiinholtt@gmail.com>
Date:   Wed Aug 28 16:30:41 2024 +0200

    Adds a Auto White Balance button
This commit is contained in:
DylanSpeiser 2024-10-30 14:46:42 -04:00
parent 7eea3a4f27
commit a36b06a4a5
4 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
BMDevice.js
View file

@ -241,6 +241,10 @@ class BMCamera extends BMDevice {
doAutoFocus() {
this.PUTdata("/lens/focus/doAutoFocus");
}
doAutoWhitebalance() {
this.PUTdata("/video/whiteBalance/doAuto");
}
}
/* Helper Functions */

2
README.md
View file

@ -64,7 +64,7 @@ This app (as of June 2024), should be compatible with the following Blackmagic c
| Pocket Cinema Camera 6K Pro | `Pocket-Cinema-Camera-6K-Pro.local` | FW 8.6+ Required |
| Cinema Camera 6K | `Blackmagic-Cinema-Camera-6K.local` | |
| URSA Broadcast G2 | `URSA-Broadcast-G2.local` | |
| Micro Studio Camera 4K G2 | `Micro-Studio-Camera-4K-G2.local`$^1$ | |
| Micro Studio Camera 4K G2 | `Micro-Studio-Camera-4K-G2.local` | |
| Studio Camera 4K Plus | `Studio-Camera-4K-Plus.local` | |
| Studio Camera 4K Pro | `Studio-Camera-4K-Pro.local` | |
| Studio Camera 4K Plus G2 | `Studio-Camera-4K-Plus-G2.local`$^1$ | |

5
index.html
View file

@ -144,6 +144,9 @@
<a class="expAdjArr" href="#" onclick="increaseWhiteBalanceTint()" id="WBLR">&#9654</a>
</div>
</div>
<div class="ccExposureSettingContainer">
<button id="AWBButton" class="circleButton" title="Make the camera do an Auto Whitebalance" onclick="cameras[ci].doAutoWhitebalance()">AW</button>
</div>
</div>
<div class="flexContainerH" id="cameraControlLensContainer">
@ -333,7 +336,7 @@
<!-- Footer Div -->
<div class="flexContainerH" id="footerContainer">
<div id="footerLeft">
<span class="">(v 1.3)</span>
<span class="">(v 1.4)</span>
<span id="activeElementSpan"></span>
</div>
<div id="footerLinks">

16
style.css
View file

@ -3,17 +3,27 @@
/* ============= WHOLE PAGE STYLES ================== */
/* Handle vertical screens */
@media screen and (max-width: 1200px) {
@media screen and (max-width: 1400px) and (orientation: portrait) {
#cameraControlsContainer {
width: 100vw!important;
}
#cameraControlsContainerExpanded {
display: none;
display: none!important;
}
body {
font-size: 90%;
font-size: 125%;
}
}
@media screen and (max-width: 1400px) and (orientation: landscape) {
#cameraControlsContainer {
width: 30vw!important;
}
body {
font-size: 70%;
}
}