HexaBoard

Settings

Highlight Touches
Low Perf

Position X Y Zoom

Board Style

Assembly Spaced First Key
Grid W H shift

Notes

Style
Order
Disabled

Colors

Start Sound Play

Remember Settings

In-/Export Reset All
Reset Synth Reset Tuning

close HexaBoard.v20201026 © properform.ch

SamplePlayer

<h2>Buffer Functions</h2>
		<form id="bufferFunctionForm" onunload="buPla.prePlay_stop();">
			<a class="button" onclick="buPla.record();" style="color:darkred;"><i class="fa fa-microphone"></i></a>
			<a class="button" onclick="uploadBuPla = buPla; this.nextSibling.click();"><i class="fa fa-folder-open-o"></i>
			</a><input type="file" accept="audio/*" style="visibility:hidden;width:0px;margin-left:-0px;padding:0;" capture onchange="uploadBuPla.handleFileInput( this);" />
			<a class="button" onmousedown="JSAX.audio.buffer.download( buPla.buffer, this);" title="download"><i class="fa fa-floppy-o"></i></a>
			<br/>
			<br/>
			
			<b>Duration</b>
			<input name="duration" onchange="this.form.setSelection();" style="width:60px;" value="{duration}" />seconds
						
			<input name="duration_select" onfocus="showOptions( this, looper.lengthOptions());" onchange="" style="width:60px;" value="" placeholder="trim to ..." />
			<a class="button" onclick="
var l = this.previousElementSibling.value;
l = l.split( ',')[0];
l = parseFloat( l) *AC.sampleRate;
console.log( l);
buPla.applyBuffer( JSAX.audio.buffer.substr( buPla.buffer, 0, l));" title="crop"><i class="fa fa-crop"></i></a>
			
			<br/>

<b>Selection</b>
				<input name="selection_start" onchange="this.form.setSelection();" style="width:60px;" />
				<input name="selection_end" onchange="this.form.setSelection();" style="width:60px;" />
				<a class="button" onclick="var b = buPla.form.bufferFragment; console.log( b); if( b)looper.createTrack( b);" title="add"><i class="fa fa-plus"></i></a>	
				<a class="button" onclick="buPla.form.apply( this.title);" title="cut"><i class="fa fa-cut"></i></a>
				<a class="button" onclick="buPla.form.apply( this.title);" title="crop"><i class="fa fa-crop"></i></a>
				<a class="button" onclick="buPla.form.apply( this.title);" title="undo"><i class="fa fa-reply"></i></a>
				<a class="button" onclick="buPla.form.apply( this.title);" title="redo"><i class="fa fa-share"></i></a>
			<br/>
				<input name="add_ms" onchange=";" style="width:60px;" value="50" />
				<a class="button" onclick="buPla.form.apply( this.title);" title="minus"><i class="fa fa-minus"></i></a>
				<a class="button" onclick="buPla.form.apply( this.title);" title="add"><i class="fa fa-plus"></i></a>
			<br/>

<a class="button" onclick="buPla.applyBuffer( JSAX.audio.buffer.normalise( buPla.buffer));" title="normalise"><i class="fa fa-arrows-v"></i></a>
			<br/>
			<br/>
			
			<code>function( v, i, length, @global){</code>
	<input type="options" placeholder="Functions" style="width:200px;" onkeyup="
showOptions( this, bufferFunctions);
this.preValue = this.value;
" onfocus="this.onkeyup();" onchange="
byId( 'bufferFunctionInput').value = this.data[0];
this.value = '';
" />
			<textarea name="code" id="bufferFunctionInput" style="height: 108px; width: calc( 100% - 20px); margin-left: 20px; font-size:12px;line-height:14px;" onchange="var a = this.value;">
return v *0.5;
</textarea>
<code>}</code> <a class="button" onclick="buPla.form.apply( this.title)" title="logic"><i class="fa fa-caret-right"></i> execute</a>
		<div id="bufferFunctionOutput"></div>
		</form>

Loop Start End
Volume Polyphony
Tuning Detune
A D S R

Synth1 Reset

Instances

In-/Export

Volume Polyphony
OSC
A D S R

Detune
Ascend

Filter type
Q
Frequencyhz
Gain

SoundFont

Select Instrument:

by Sergey Surikov
Thank you for all the graat work!

Tuning Reset

MIDI Settings

MIDI In:
MIDI Out: Port:

Refresh Devices
This MIDI functionality is made with jazz-soft.net - Thanks!

MIDI Recorder

<h1>Open File</h1>
	
			<input name="midi.file" type="options" placeholder="MIDI File" style="width:200px;"
onfocus="
var v = '';
//if( this.preValue)v = this.preValue;
this.value = v;
this.onkeyup();
"
onkeyup="
showOptions( this, GUI.midiFiles);
if( this.value)this.preValue = this.value;
"
onchange="
if( !this.data){
	if( this.value){
		buPla.buffer.name = this.value;
		GUI.applyConf( 'buPla.file', this.value);
		console.log( this.value, this.data);
		this.preValue = this.value;
	}else{
		this.value = this.preValue;
	}
	return;
}

GUI.midiImportFile( GUI.midiFilesDir+data[0], this.value);
hideDialog();
"
onblur="
if( this.preValue)this.value = this.preValue;
"
/>
	
	<hr/>
	<span class="icon" title="Open file" onclick="this.nextSibling.click();"><img src="images/icons/folder_page.png" alt="" /> open local file
	</span><input type="file" id="localMidiFileInput" accept="audio/mid,audio/midi,audio/kar,audio/karaoke,audio/x-midi,audio/twap" style="display: none;" size=80
	onchange='GUI.midiImportFile( this);hideDialog();'><br/>

Browser

MIDI Hardware only work on chrome/chromium Browsers at this moment (201810).
Restart the Browser if the connected MIDI device does not show up after Refresh Devices.

Android

Many Devices with Android Version 7 and above offer a MIDI option when USB is connected to a PC or Android with OTG.
Disable the USB MIDI option before unplugging the wire or the device may require a reboot.

Windows

Tobias Erichsens virtual MIDI devices work great on Windows and with HexaBoard. - Thanks!
loopMIDI - connect HexaBoard to other Software on the same device.
rtpMIDI - connect HexaBoard to other devices on the network.

HexaBoard info

v20201104

Presets

Keyboard Commands:

A	A4 440Hz
S	Hb4 466.16Hz
D	H4 493.88Hz
Q	C5 523.25Hz
...	...
Shift	One Octave Up
Ctrl	One Octave Down
Alt	Two Octaves Down
Ctrl + Shift	Two Octaves Up
Ctrl + Alt	Three Octaves Down
Ctrl + Alt	Three Octaves Down

Instead of Ctrl you can use Apple's Command key

/ cmd

Developed by Florian Sax
Feel free to join the Discord Server to give feedback.

Credits

MIDI Bridge by jazz-soft.net
Tuning Table by instrument-tuner.com
Windows MIDI software tobias-erichsen.de
Thank you for your efforts!

Knob:

Drag vertically to change Value.
Hold 2nd Finger, Shift or Ctrl to change Speed.
Tap quickly twice to enter a manual Value.

Field:

Focus to show option List on the left side.
Into some Fields You can type to filter the List or enter a manual Value.
You have to clear the entered Value to see the full List again.

Log

Clear

CSS - StyleSheets are not active.