Homec4science
Diffusion Coughvid_web (master) Browse

coughvid-web/js/sauty_app.js
68c5b1e5e000master

Last Change
Raw File

sauty_app.js
View Options

var recorder, gumStream;
var lat=null;
var lon=null;
var uuid=null;
var cancelled = false;
var recordButton = document.getElementById("recordButton");
var recordText = document.getElementById("recordText");
recordButton.addEventListener("click", toggleRecording);
//$(window).on('load',function(){$('#coughModal').modal('show');});
$("#patID").on("input", function () {
if (this.value.length > 14) {
this.value = this.value.slice(0, 14);
}
if (this.value.length > 1) {
$("#recordButton").removeClass("disabled");
this.value = this.value.toUpperCase();
uuid = "SAUTY_" + this.value
} else {
$("#recordButton").addClass("disabled");
}
})
//ProgressBar API: https://progressbarjs.readthedocs.io/en/latest/
var bar = new ProgressBar.Line(progressBar, {
strokeWidth: 1,
easing: 'linear',
duration: 15000,
color: "#DC1200",
trailColor: '#eee',
trailWidth: 1,
svgStyle: {width: '100%', height: '100%'}
});
function toggleRecording() {
if ($("#recordButton").hasClass("disabled")) {
return;
}
if (recorder && recorder.state == "recording") {
cancelled = true;
bar.stop();
bar.set(0);
setListStatus(0);
finishRecording();
} else {
navigator.mediaDevices.getUserMedia({
audio: {echoCancellation:false}
}).then(function(stream) {
gumStream = stream;
recorder = new MediaRecorder(stream);
recorder.addEventListener("dataavailable", function(e){
if (!cancelled) {
var xhr=new XMLHttpRequest();
var fd=new FormData();
fd.append("audio_data", e.data, new Date().toISOString());
fd.append("lat", lat);
fd.append("lon", lon);
fd.append("mimeType", e.data.type);
fd.append("uuid", uuid);
xhr.open("POST","/cgi-bin/upload.py",true);
xhr.send(fd);
bar.set(0);
setListStatus(2);
$("#thanks").animate({opacity: 1}, 1000, function() {
setTimeout(function(){
$("#thanks").animate({opacity:0}, 500, function() {setListStatus(0);})
}, 800);
});
}
});
recorder.start();
cancelled = false;
setListStatus(1);
bar.animate(1.0, {duration: 15000}, finishRecording);
recordText.innerHTML = "◻ Cancel";
recordButton.classList.remove('btn-dark');
recordButton.classList.add('btn-danger');
navigator.geolocation.getCurrentPosition(function(position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
});
});
}
}
function setListStatus(status) {
if (status == 0) {
$("#cough_li").removeClass("active-li");
$("#cough_li").removeClass("completed-li");
$("#cough_li").addClass("inactive-li");
} else if (status == 1) {
$("#cough_li").removeClass("inactive-li");
$("#cough_li").addClass("active-li");
} else if (status == 2) {
$("#cough_li").removeClass("active-li");
$("#cough_li").addClass("completed-li");
}
}
function finishRecording() {
recorder.stop();
gumStream.getAudioTracks()[0].stop();
recordText.innerHTML = "◉ Record";
recordButton.classList.remove('btn-danger');
recordButton.classList.add('btn-dark');
}
c4science · Help