teensy-audio/gui/list.html

<!-- vim: set ts=4: -->
<!-- TODO: generate some or all of this automatically from the C++ source -->


<script type="text/javascript">
	RED.nodes.registerType('AnalogInputI2S',{
	shortName: "i2s",
		inputs:0,
		outputs:2,
		category: 'input-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogInputI2S">
	<h3>Summary</h3>
	<p>Receive 16 bit stereo audio from the
	<a href="http://www.pjrc.com/store/teensy3_audio.html" target="_blank">audio shield</a>
		or another I2S device, using I2S master mode.</p>
	<p align=center><img src="audioshield_inputs.jpg"></p>
	<h3>Audio Connections</h3>
	<table class=doc align=center cellpadding=3>
		<tr class=top><th>Port</th><th>Function</th></tr>
		<tr class=odd><td align=center>Out 0</td><td>Left Channel</td></tr>
		<tr class=odd><td align=center>Out 1</td><td>Right Channel</td></tr>
	</table>
	<h3>Functions</h3>
	<p>This object has no functions to call from the Arduino sketch.  It
		simply streams data from the I2S hardware to its 2 output ports.</p>
	<h3>Hardware</h3>
	<p align=center><img src="audioshield_backside.jpg"></p>
	<p>The I2S signals are used in "master" mode, where Teensy creates
		all 3 clock signals and controls all data timing.</p>
	<table class=doc align=center cellpadding=3>
		<tr class=top><th>Pin</th><th>Signal</th><th>Direction</th></tr>
		<tr class=odd><td align=center>9</td><td>BCLK</td><td>Output</td></tr>
		<tr class=odd><td align=center>11</td><td>MCLK</td><td>Output</td></tr>
		<tr class=odd><td align=center>13</td><td>RX</td><td>Input</td></tr>
		<tr class=odd><td align=center>23</td><td>LRCLK</td><td>Output</td></tr>
	</table>
	<p>Audio from
		master mode I2S may be used in the same project as ADC, DAC and
		PWM signals, because all remain in sync to Teensy's timing</p>
	<h3>Notes</h3>
	<p>Normally, this object is used with the Audio Shield, which
		is controlled separately by the "sgtl5000" object.</p>
</script>
<script type="text/x-red" data-template-name="AnalogInputI2S">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>


<script type="text/javascript">
	RED.nodes.registerType('AnalogInputI2Sslave',{
	shortName: "i2ss",
		inputs:0,
		outputs:2,
		category: 'input-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogInputI2Sslave">
	<h3>Summary</h3>
	<p>Receive 16 bit stereo audio from an I2S device using I2S slave mode.</p>
	<h3>Audio Connections</h3>
	<table class=doc align=center cellpadding=3>
		<tr class=top><th>Port</th><th>Function</th></tr>
		<tr class=odd><td align=center>Out 0</td><td>Left Channel</td></tr>
		<tr class=odd><td align=center>Out 1</td><td>Right Channel</td></tr>
	</table>
	<h3>Functions</h3>
	<p>This object has no functions to call from the Arduino sketch.  It
		simply streams data from the I2S hardware to its 2 output ports.</p>
	<h3>Hardware</h3>
	<p>The I2S signals are used in "slave" mode, where the I2S device controls
		data timing.</p>
	<table class=doc align=center cellpadding=3>
		<tr class=top><th>Pin</th><th>Signal</th><th>Direction</th></tr>
		<tr class=odd><td align=center>9</td><td>BCLK</td><td>Input</td></tr>
		<tr class=odd><td align=center>13</td><td>RX</td><td>Input</td></tr>
		<tr class=odd><td align=center>23</td><td>LRCLK</td><td>Input</td></tr>
	</table>
	<p>Slave mode I2S <b>should not used in the same project as ADC, DAC and
		PWM</b> signals.  Differences in timing between the I2S device and
		Teensy's clock can cause occasional audio glitches when I2S slave mode
		is used together with other input or output objects based on Teensy's
		timing.</p>
</script>
<script type="text/x-red" data-template-name="AnalogInputI2Sslave">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AnalogInputADC',{
	shortName: "adc",
		inputs:0,
		outputs:1,
		category: 'input-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogInputADC">
	<h3>Summary</h3>
	<p>Receive 12 bit audio using the built-in analog to digital converter.</p>
	<h3>Audio Connections</h3>
	<table class=doc align=center cellpadding=3>
		<tr class=top><th>Port</th><th>Function</th></tr>
		<tr class=odd><td align=center>Out 0</td><td>Audio Channel</td></tr>
	</table>
	<h3>Parameters</h3>
	<table class=doc align=center cellpadding=3>
		<tr class=top><th>Name</th><th>Type</th><th>Function</th></tr>
		<tr class=odd><td align=center>Pin</td><td>Integer</td><td>Analog Pin To Use</td></tr>
	</table>
	<p>The pin number should be specified as "A0" to "A20"</p>
	<p align=center><img src="adcpins2.jpg"></p>
	<p align=center><img src="adcpins1.jpg"></p>
	<h3>Functions</h3>
	<p>This object has no functions to call from the Arduino sketch.  It
		simply streams data from the ADC to its output ports.</p>
	<h3>Hardware</h3>
	<p>Signal range is 0 to 1.2V</p>
	<p>Need for DC bias, approx 0.6V</p>
	<h3>Notes</h3>
	<p>Algorithm for automatic DC bias tracking</p>
	<p>Noise due to high source impedance</p>
	<p>Power Supply rejection issue with simple DC bias</p>
</script>
<script type="text/x-red" data-template-name="AnalogInputADC">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AnalogOutputI2S',{
	shortName: "i2s",
		inputs:2,
		outputs:0,
		category: 'output-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogOutputI2S">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AnalogOutputI2S">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AnalogOutputI2Sslave',{
	shortName: "i2ss",
		inputs:2,
		outputs:0,
		category: 'output-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogOutputI2Sslave">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AnalogOutputI2Sslave">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>




<script type="text/javascript">
	RED.nodes.registerType('AnalogOutputAnalog',{
	shortName: "dac",
		inputs:1,
		outputs:0,
		category: 'output-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogOutputAnalog">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AnalogOutputAnalog">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>


<script type="text/javascript">
	RED.nodes.registerType('AnalogOutputPWM',{
	shortName: "pwm",
		inputs:1,
		outputs:0,
		category: 'output-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AnalogOutputPWM">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AnalogOutputPWM">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>


<script type="text/javascript">
	RED.nodes.registerType('AudioMixer4',{
	shortName: "mixer",
		inputs:4,
		outputs:1,
		category: 'mixer-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioMixer4">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioMixer4">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioPlayMemory',{
	shortName: "playMem",
		inputs:0,
		outputs:1,
		category: 'play-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioPlayMemory">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioPlayMemory">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioPlaySdWav',{
	shortName: "playWav",
		inputs:0,
		outputs:2,
		category: 'play-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioPlaySdWav">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioPlaySdWav">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioPlaySdRaw',{
	shortName: "playRaw",
		inputs:0,
		outputs:1,
		category: 'play-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioPlaySdRaw">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioPlaySdRaw">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioPlayQueue',{
	shortName: "queue",
		inputs:0,
		outputs:1,
		category: 'play-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioPlayQueue">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioPlayQueue">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioSynthWaveformSine',{
	shortName: "sine",
		inputs:0,
		outputs:1,
		category: 'synth-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioSynthWaveformSine">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioSynthWaveformSine">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioSynthWaveformSineModulated',{
	shortName: "sine_fm",
		inputs:1,
		outputs:1,
		category: 'synth-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioSynthWaveformSineModulated">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioSynthWaveformSineModulated">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioSynthWaveform',{
	shortName: "waveform",
		inputs:0,
		outputs:1,
		category: 'synth-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioSynthWaveform">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioSynthWaveform">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioSynthToneSweep',{
	shortName: "tonesweep",
		inputs:0,
		outputs:1,
		category: 'synth-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioSynthToneSweep">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioSynthToneSweep">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioEffectFade',{
	shortName: "fade",
		inputs:1,
		outputs:1,
		category: 'effect-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioEffectFade">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioEffectFade">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>


<script type="text/javascript">
	RED.nodes.registerType('AudioEffectChorus',{
	shortName: "chorus",
		inputs:2,
		outputs:2,
		category: 'effect-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioEffectChorus">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioEffectChorus">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>


<script type="text/javascript">
	RED.nodes.registerType('AudioEffectFlange',{
	shortName: "flange",
		inputs:2,
		outputs:2,
		category: 'effect-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioEffectFlange">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioEffectFlange">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>


<script type="text/javascript">
	RED.nodes.registerType('AudioFilterBiquad',{
	shortName: "biquad",
		inputs:1,
		outputs:1,
		category: 'filter-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioFilterBiquad">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioFilterBiquad">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioFilterFIR',{
	shortName: "fir",
		inputs:1,
		outputs:1,
		category: 'filter-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioFilterFIR">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioFilterFIR">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioPeak',{
	shortName: "peak",
		inputs:1,
		outputs:0,
		category: 'analyze-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioPeak">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioPeak">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioAnalyzeFFT256',{
	shortName: "fft256",
		inputs:1,
		outputs:0,
		category: 'analyze-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioAnalyzeFFT256">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioAnalyzeFFT256">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioAnalyzeFFT1024',{
	shortName: "fft1024",
		inputs:1,
		outputs:0,
		category: 'analyze-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioAnalyzeFFT1024">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioAnalyzeFFT1024">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioAnalyzeToneDetect',{
	shortName: "tone",
		inputs:1,
		outputs:0,
		category: 'analyze-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioAnalyzeToneDetect">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioAnalyzeToneDetect">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioAnalyzePrint',{
	shortName: "print",
		inputs:1,
		outputs:0,
		category: 'analyze-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioAnalyzePrint">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioAnalyzePrint">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioControlSGTL5000',{
	shortName: "sgtl5000",
		inputs:0,
		outputs:0,
		category: 'control-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioControlSGTL5000">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioControlSGTL5000">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>



<script type="text/javascript">
	RED.nodes.registerType('AudioControlWM8731',{
	shortName: "wm8731",
		inputs:0,
		outputs:0,
		category: 'control-function',
		color:"#E6E0F8",
		icon: "arrow-in.png"
	});
</script>
<script type="text/x-red" data-help-name="AudioControlWM8731">
	<p><b>TODO</b> Add object documetation here</b>.</p>
</script>
<script type="text/x-red" data-template-name="AudioControlWM8731">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
		<input type="text" id="node-input-name" placeholder="Name">
	</div>
</script>