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() { doAutoFocus() {
this.PUTdata("/lens/focus/doAutoFocus"); this.PUTdata("/lens/focus/doAutoFocus");
} }
doAutoWhitebalance() {
this.PUTdata("/video/whiteBalance/doAuto");
}
} }
/* Helper Functions */ /* 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 | | Pocket Cinema Camera 6K Pro | `Pocket-Cinema-Camera-6K-Pro.local` | FW 8.6+ Required |
| Cinema Camera 6K | `Blackmagic-Cinema-Camera-6K.local` | | | Cinema Camera 6K | `Blackmagic-Cinema-Camera-6K.local` | |
| URSA Broadcast G2 | `URSA-Broadcast-G2.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 Plus | `Studio-Camera-4K-Plus.local` | |
| Studio Camera 4K Pro | `Studio-Camera-4K-Pro.local` | | | Studio Camera 4K Pro | `Studio-Camera-4K-Pro.local` | |
| Studio Camera 4K Plus G2 | `Studio-Camera-4K-Plus-G2.local`$^1$ | | | 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> <a class="expAdjArr" href="#" onclick="increaseWhiteBalanceTint()" id="WBLR">&#9654</a>
</div> </div>
</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>
<div class="flexContainerH" id="cameraControlLensContainer"> <div class="flexContainerH" id="cameraControlLensContainer">
@ -333,7 +336,7 @@
<!-- Footer Div --> <!-- Footer Div -->
<div class="flexContainerH" id="footerContainer"> <div class="flexContainerH" id="footerContainer">
<div id="footerLeft"> <div id="footerLeft">
<span class="">(v 1.3)</span> <span class="">(v 1.4)</span>
<span id="activeElementSpan"></span> <span id="activeElementSpan"></span>
</div> </div>
<div id="footerLinks"> <div id="footerLinks">

16
style.css
View file

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