keys.js

/* Controls keyboard input interpretation
 * as well as implements and sets the keybindings
 * that control the program */

//When a key is pressed, figure out which sound should
//be played. Set the "shot" button in the bottom left 
//hand corner to the current note.
KeyIn = (e) => {
	if(!inCommandMode) {
		curNote=e.note[1]+curOct*12;
		document.getElementById("shot").innerHTML=curNote;
		if(e.note[0]) {
			if(inRecordMode) addNote(curNote);
			synth.send([0x90+curMidi,curNote,100]);
		} else {
			if(inRecordMode) endNote(curNote);
			synth.send([0x80+curMidi,curNote,0]);
		}
		if(curMidi==9){
			let w=synth.drummap[curNote-35];
			//ViewParam(w);
		}
	}
}

//Keybindings for normal mode/music mode.
const normalEvents = {
	"Shift":(e) => {
		//Sustain on Shift
		document.getElementById("sus").checked=true;
		Sustain(true);
	}, ";":(e) => {
		utter("Command Mode", voiceIndex);
		inCommandMode=true;
	}, "ArrowUp":(e) => {
		e.preventDefault();
		//Ascend octaves on up arrow in normal/music mode.
		const octs = [-2, -1, 0, 1, 2];
		curOct=octs[(octs.indexOf(curOct)+1)%octs.length];
	}, "ArrowDown":(e) => {
		e.preventDefault();
		//Descend octaves on down arrow in normal/music mode.
		const octs = [2, 1, 0, -1, -2];
		curOct=octs[(octs.indexOf(curOct)+1)%octs.length];
	}
}

//Keybindings for command mode
const commandEvents = {
	";":(e) => {
		utter("Music Mode", voiceIndex);
		inCommandMode=false;
	}, "v":(e) => {
		if(enableVoiceChange) {
			voiceIndex=(voiceIndex+1)%(window.speechSynthesis.getVoices().length);
			utter("Changed voice", voiceIndex);
			enableVoiceChange = false;
		}
	}, "o":(e) => {
		utter("Open Midi File", voiceIndex);
		openMidiFile();
	}, "r":(e) => {
		//Toggle instrument recording in command modr
		if(document.querySelector(".stop").disabled) {
			utter("Begin Recording Instruments", voiceIndex);
			inRecordMode = true;
			document.querySelector(".record").click();
			inCommandMode=false;
		} else {
			utter("Stop Instrument Recording", voiceIndex);
			inRecordMode = false;
			createTrack();
			document.querySelector(".stop").click();
			inCommandMode=true;
		}
	}, "j":(e) => {
		changeTrackUp();
	}, "k":(e) => {
		changeTrackDown();
	}, "d":(e) => { 
		if(tracks.length) {
			document.querySelector("#track_list").removeChild(document.querySelector("#track_list").children[curTrackIndex])
			delTrack(curTrackIndex);
		}
	}, "h":(e) => {
		if(curProg) {
			ProgChange(curProg-1);
			utter(`${synth.getTimbreName(0, curProg)}`, voiceIndex);
		} else {
			utter("No prior instruments", voiceIndex);
		}
	}, "l":(e) => {
		ProgChange(curProg+1);
		utter(`${synth.getTimbreName(0, curProg)}`, voiceIndex);
	}, "x":(e) => {
		utter("Exporting Song", voiceIndex);
		exportSong();
	}, "m":(e) => {
		if(useMic) {
			utter("Mic Recording Off", voiceIndex);
			useMic = false;
			reloadRecorder();
		} else {
			utter("Mic Recording On", voiceIndex);
			useMic = true;
			reloadRecorder();
		}
	}
}

//Bind the handlers to event types.
BindKeys = () => {
	//Keydown events
	document.addEventListener("keydown", (e) => {
		if(!inCommandMode) {
			if(e.key in normalEvents) normalEvents[e.key](e);
		} else {
			if(e.key in commandEvents) commandEvents[e.key](e);
		}

		if(e.key == "f") 
			document.querySelector("#kb").focus();
	});
	document.addEventListener("keyup", (e) => {
		if(e.keyCode==16){
			document.getElementById("sus").checked=false;
			Sustain(false);
		} else if (e.key == "v") {
			if(inCommandMode) 
				enableVoiceChange = true;
		}
	});
}