claudecode/AvianVisitors
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Live Spectrogram Improvements Pt 2

Browse Source 
-Text opacity correlates with confidence
-Y axis staggered to prevent overlaps
This commit is contained in:
ehpersonal38
2022-05-27 13:52:54 -04:00
parent 7f36f09b9a
commit 0187cc2c45
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/spectrogram.php
+21 -4
View File
@@ -21,7 +21,7 @@ if (($handle = fopen($home."/BirdSongs/".date('F-Y')."/".date('j-l')."/".$newest
$num = count($data); $num = count($data);
for ($c=0; $c < $num; $c++) { for ($c=0; $c < $num; $c++) {
$exp = explode(';',$data[$c]); $exp = explode(';',$data[$c]);
echo $exp[0].",".$exp[3]."\n"; echo $exp[0].",".$exp[3].",".$exp[4]."\n";
} }
} }
$row++; $row++;
@@ -99,16 +99,22 @@ function fitTextOnCanvas(text,fontface,yPosition){
CTX.fillText(text,document.body.querySelector('canvas').width - (document.body.querySelector('canvas').width * 0.50),yPosition); CTX.fillText(text,document.body.querySelector('canvas').width - (document.body.querySelector('canvas').width * 0.50),yPosition);
} }
function applyText(text,x,y) { function applyText(text,x,y,opacity) {
console.log("conf: "+opacity)
console.log(text+" "+parseInt(x)+" "+y) console.log(text+" "+parseInt(x)+" "+y)
CTX.fillStyle = 'white'; if(opacity < 0.2) {
opacity = 0.2;
}
CTX.fillStyle = "rgba(255, 255, 255, "+opacity+")";
CTX.font = '15px Roboto Flex'; CTX.font = '15px Roboto Flex';
//fitTextOnCanvas(text,"Roboto Flex",document.body.querySelector('canvas').scrollHeight * 0.35) //fitTextOnCanvas(text,"Roboto Flex",document.body.querySelector('canvas').scrollHeight * 0.35)
CTX.fillText(text,parseInt(x),y) CTX.fillText(text,parseInt(x),y)
CTX.fillStyle = 'hsl(280, 100%, 10%)'; CTX.fillStyle = 'hsl(280, 100%, 10%)';
} }
var add =0;
var newest_file; var newest_file;
var lastbird;
function loadDetectionIfNewExists() { function loadDetectionIfNewExists() {
const xhttp = new XMLHttpRequest(); const xhttp = new XMLHttpRequest();
xhttp.onload = function() { xhttp.onload = function() {
@@ -126,10 +132,21 @@ function loadDetectionIfNewExists() {
console.log(d1) console.log(d1)
d2 = new Date(); d2 = new Date();
timeDiff = (d2-d1)/1000; timeDiff = (d2-d1)/1000;
// stagger Y placement if a new bird
if(split[i].split(",")[1] != lastbird) {
if(add >= 60) {
add = 0
} else {
add += 20;
}
}
// Date csv file was created + relative detection time of bird + mic delay // Date csv file was created + relative detection time of bird + mic delay
secago = Math.abs(timeDiff) - split[i].split(",")[0] - 6.8; secago = Math.abs(timeDiff) - split[i].split(",")[0] - 6.8;
console.log(Math.abs(timeDiff) + " - " + split[i].split(",")[0] + " - 6.8"); console.log(Math.abs(timeDiff) + " - " + split[i].split(",")[0] + " - 6.8");
applyText(split[i].split(",")[1],document.body.querySelector('canvas').width - ((parseInt(secago))*avgfps), (document.body.querySelector('canvas').height * 0.50)) applyText(split[i].split(",")[1],document.body.querySelector('canvas').width - ((parseInt(secago))*avgfps), ((document.body.querySelector('canvas').height * 0.50) + add ), split[i].split(",")[2])
lastbird = split[i].split(",")[1]
} }
} }