Homec4science
Diffusion Coughvid_web (master) Browse

coughvid-web/js/hosp_app.js
e33c4a383a2emaster

Last Change
Raw File

hosp_app.js
View Options

var recorder, gumStream;
var lat=null;
var lon=null;
var uuid=null;
var recordButton = document.getElementById("recordButton");
var recordText = document.getElementById("recordText");
recordButton.addEventListener("click", toggleRecording);
$(window).on('load',function(){$('#instructionsModal').modal('show');});
$("#patID").on("input", function () {
if (this.value.length > 6) {
this.value = this.value.slice(0, 6);
}
if (this.value.length == 6) {
$("#recordButton").removeClass("disabled");
uuid = this.value
} else {
$("#recordButton").addClass("disabled");
}
})
//ProgressBar API: https://progressbarjs.readthedocs.io/en/latest/
var bar = new ProgressBar.Line(progressBar, {
strokeWidth: 1,
easing: 'easeInOut',
duration: 10000,
color: '#DC1200',
trailColor: '#eee',
trailWidth: 1,
svgStyle: {width: '100%', height: '100%'}
});
function toggleRecording() {
if ($("#recordButton").hasClass("disabled")) {
return;
}
if (recorder && recorder.state == "recording") {
bar.stop()
recorder.stop();
gumStream.getAudioTracks()[0].stop();
recordText.innerHTML = "◉ Record";
recordButton.classList.remove('btn-danger');
recordButton.classList.add('btn-dark');
} else {
navigator.mediaDevices.getUserMedia({
audio: true
}).then(function(stream) {
gumStream = stream;
recorder = new MediaRecorder(stream);
recorder.ondataavailable = function(e) {
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);
$("#thanks").animate({opacity: 1}, 1000, function() {
setTimeout(function(){
$("#thanks").animate({opacity:0}, 500)
}, 800);
});
};
recorder.start();
bar.animate(1.0, {}, toggleRecording);
recordText.innerHTML = "◻ Stop";
recordButton.classList.remove('btn-dark');
recordButton.classList.add('btn-danger');
navigator.geolocation.getCurrentPosition(function(position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
});
});
}
}
c4science · Help