Update demos.

hvianna · Feb 19, 2023 · 570caae · 570caae
1 parent d46f210
commit 570caae
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 11 deletions.
diff --git a/demo/fluid.html b/demo/fluid.html
@@ -88,8 +88,8 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | fl
 			<label class="label">channelLayout
 				<select data-setting="channelLayout">
 					<option value="single">single</option>
-					<option value="dualCombined">dualCombined</option>
-					<option value="dualVertical">dualVertical</option>
+					<option value="dual-combined">dual-combined</option>
+					<option value="dual-vertical">dual-vertical</option>
 				</select>
 			</label>
 

diff --git a/demo/fluid.js b/demo/fluid.js
@@ -21,6 +21,7 @@ const presets = [
 			mode: 3,
 			ansiBands: true,
 			barSpace: .4,
+			channelLayout: 'single',
 			frequencyScale: 'log',
 			gradient: 'classic',
 			ledBars: true,
@@ -36,6 +37,7 @@ const presets = [
 		name: 'Mirror wave',
 		options: {
 			mode: 10,
+			channelLayout: 'single',
 			fillAlpha: .6,
 			gradient: 'rainbow',
 			lineWidth: 2,
@@ -52,8 +54,10 @@ const presets = [
 		options: {
 			mode: 5,
 			barSpace: .1,
+			channelLayout: 'single',
 			gradient: 'prism',
 			ledBars: false,
+			mirror: 0,
 			radial: true,
 			showBgColor: true,
 			showPeaks: true,
@@ -65,6 +69,7 @@ const presets = [
 		name: 'Bark scale + Linear amplitude',
 		options: {
 			mode: 0,
+			channelLayout: 'single',
 			frequencyScale: 'bark',
 			gradient: 'rainbow',
 			linearAmplitude: true,
@@ -84,7 +89,7 @@ const presets = [
 		name: 'Dual channel combined',
 		options: {
 			mode: 10,
-			channelLayout: 'dualCombined',
+			channelLayout: 'dual-combined',
 			fillAlpha: .25,
 			frequencyScale: 'bark',
 			gradientLeft: 'steelblue',
@@ -104,6 +109,7 @@ const presets = [
 		name: 'Testing config 1',
 		options: {
 			mode: 10,
+			channelLayout: 'single',
 			gradient: 'rainbow',
 			reflexRatio: .4,
 			showBgColor: true,

diff --git a/demo/multi.html b/demo/multi.html
@@ -96,8 +96,8 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | mu
 			<label class="label">channelLayout
 				<select data-setting="channelLayout">
 					<option value="single">single</option>
-					<option value="dualCombined">dualCombined</option>
-					<option value="dualVertical">dualVertical</option>
+					<option value="dual-combined">dual-combined</option>
+					<option value="dual-vertical">dual-vertical</option>
 				</select>
 			</label>
 

diff --git a/demo/multi.js b/demo/multi.js
@@ -64,7 +64,7 @@ audioMotion[0].setOptions({
 // top right
 audioMotion[1].setOptions({
 	mode: 10,
-	channelLayout: 'dualCombined',
+	channelLayout: 'dual-combined',
 	fillAlpha: .3,
 	gradientLeft: 'steelblue',
 	gradientRight: 'orangered',

diff --git a/demo/overlay.html b/demo/overlay.html
@@ -76,8 +76,8 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | ov
 			<label class="label">channelLayout
 				<select data-setting="channelLayout">
 					<option value="single">single</option>
-					<option value="dualCombined">dualCombined</option>
-					<option value="dualVertical">dualVertical</option>
+					<option value="dual-combined">dual-combined</option>
+					<option value="dual-vertical">dual-vertical</option>
 				</select>
 			</label>
 
@@ -203,7 +203,7 @@ <h1><a href="https://audiomotion.dev" class="logo">audioMotion-analyzer</a> | ov
 			<fieldset>
 				<legend>mode 10 / outlineBars</legend>
 				<label class="label">lineWidth
-					<input type="range" id="line_width" min="0" max="5" step="1" data-setting="lineWidth">
+					<input type="range" id="line_width" min="0" max="4" step=".5" data-setting="lineWidth">
 					<div class="value"></div>
 				</label>
 

diff --git a/demo/overlay.js b/demo/overlay.js
@@ -25,6 +25,7 @@ const presets = [
 			gradient: 'classic',
 			ledBars: true,
 			lumiBars: false,
+			maxFreq: 16000,
 			radial: false,
 			reflexRatio: 0,
 			showBgColor: true,
@@ -41,6 +42,7 @@ const presets = [
 			gradient: 'rainbow',
 			lineWidth: 2,
 			lumiBars: false,
+			maxFreq: 16000,
 			radial: false,
 			reflexAlpha: 1,
 			reflexBright: 1,
@@ -54,16 +56,23 @@ const presets = [
 		name: 'Radial',
 		options: {
 			mode: 3,
-			barSpace: .1,
+			barSpace: .25,
 			bgAlpha: .5,
+			fillAlpha: .5,
 			gradient: 'prism',
 			ledBars: false,
+			linearAmplitude: true,
+			linearBoost: 1.8,
+			lineWidth: 1.5,
+			maxDecibels: -30,
 			maxFreq: 16000,
 			radial: true,
 			showBgColor: true,
 			showPeaks: true,
 			spinSpeed: 2,
-			overlay: true
+			outlineBars: true,
+			overlay: true,
+			weightingFilter: 'D'
 		}
 	},
 	{
@@ -74,6 +83,7 @@ const presets = [
 			bgAlpha: .5,
 			ledBars: false,
 			lumiBars: false,
+			maxFreq: 16000,
 			radial: false,
 			reflexAlpha: .5,
 			reflexFit: true,