Adds AudioOut version of the piu/Sound example

examples/piu/audioout/main.js

@@ -0,0 +1,194 @@
+/*
+ * Copyright (c) 2019  Moddable Tech, Inc.
+ *
+ *   This file is part of the Moddable SDK.
+ *
+ *   This work is licensed under the
+ *       Creative Commons Attribution 4.0 International License.
+ *   To view a copy of this license, visit
+ *       <http://creativecommons.org/licenses/by/4.0>.
+ *   or send a letter to Creative Commons, PO Box 1866,
+ *   Mountain View, CA 94042, USA.
+ *
+ */
+
+import {} from "piu/MC";
+import AudioOut from "pins/audioout"
+import Sound from "piu/Sound"; // To easily get the sound setings from the manifest
+import Resource from "Resource";
+
+const WHITE = "white";
+
+const backgroundSkin = new Skin({ fill: WHITE });
+const buttonSkin = new Skin({ fill: ["#0033cc", "#668cff"] });
+const volumeBarSkin = new Skin({ fill: ["#efefef", "#202020"] });
+
+const volumeDownTexture = new Texture({ path: "volume-down.png" });
+const volumeDownSkin = new Skin({
+	texture: volumeDownTexture, color: WHITE,
+	height: 40, width: 40
+});
+
+const volumeUpTexture = new Texture({ path: "volume-up.png" });
+const volumeUpSkin = new Skin({
+	texture: volumeUpTexture, color: WHITE,
+	height: 55, width: 55
+});
+
+const playTexture = new Texture({ path: "play.png" });
+const playSkin = new Skin({
+	texture: playTexture, color: WHITE,
+	height: 55, width: 55
+});
+
+class ButtonBehavior extends Behavior {
+	onCreate(button, data) {
+		this.data = data;
+	}
+	onTouchBegan(button) {
+		button.state = 1;
+	}
+	onTouchEnded(button) {
+		button.state = 0;
+	}
+}
+
+class SoundAppBehavior extends Behavior {
+	onCreate(application, data) {
+		this.data = data;
+		this.soundVolume = 0.5;
+		this.audio = new AudioOut({
+			bitsPerSample: Sound.bitsPerSample,
+			numChannels: Sound.numChannels,
+			sampleRate: Sound.sampleRate,
+			streams: 1
+		});
+		this.audio.callback = (newState) => {
+			trace('...done\n');
+			application.state = newState;
+		};
+		this.audio.start();
+	}
+	onDisplaying(application) {
+		let data = this.data;
+		if (undefined !== global.button) { // M5Stack
+			let button = global.button;
+			button.a.onChanged = function() {
+				if (this.read()) {
+					application.delegate("volumeDown");
+				}
+			}
+			button.b.onChanged = function() {
+				if (this.read()) {
+					application.delegate("volumeUp");
+				}
+			}
+			button.c.onChanged = function() {
+				if (this.read()) {
+					application.delegate("toggleSound");
+				}
+			}
+		}
+	}
+	setVolume(vol) {
+		this.audio.enqueue(0, AudioOut.Volume, (255 * vol));
+		this.data["VOLUME"].delegate("onVolumeChanged", vol);
+	}
+	volumeDown(application) {
+		if (this.soundVolume >= 0.1) {
+			this.soundVolume -= 0.1;
+		} else {
+			this.soundVolume = 0;
+		}
+		this.setVolume(this.soundVolume);
+	}
+	volumeUp(application) {
+		if (this.soundVolume < 1) {
+			this.soundVolume += 0.1;
+			this.data["VOLUME"].delegate("onVolumeChanged", this.soundVolume);
+		}
+		this.setVolume(this.soundVolume);
+	}
+	toggleSound(application, shouldPlay) {
+		if (shouldPlay)
+		{
+			trace('=> Playing sound');
+			this.audio.enqueue(0, AudioOut.Flush);
+			this.audio.enqueue(0, AudioOut.Samples, this.data.sound);
+			this.audio.enqueue(0, AudioOut.Callback, false);
+		} else {
+			trace('=> Stopping sound playback!\n');
+			this.audio.enqueue(0, AudioOut.Flush);
+		}
+	}
+}
+
+const VolumeBar = Content.template($ => ({
+	top: 0, bottom: 0, left: 0, right: 3, skin: volumeBarSkin
+}));
+
+const SoundApp = Application.template($ => ({
+	skin: backgroundSkin,
+	contents: [
+		Row($, {
+			anchor: "VOLUME", top: 10, height: 50, left: 20, right: 23,
+			contents: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(item => new VolumeBar($, { state: (item < 5)? 1 : 0 })),
+			Behavior: class extends Behavior {
+				onCreate(row, data) {
+					this.data = data;
+				}
+				onVolumeChanged(row, volume) {
+					if (volume) {
+						volume *= 10;
+						volume = Math.round(volume) - 1;
+						row.content(volume).state = 1;
+						if (row.content(volume).next) row.content(volume).next.state = 0;
+					} else {
+						row.first.state = 0;
+					}
+				}
+			}
+		}),
+		Container($, {
+			active: true, height: 70, bottom: 0, left: 28, width: 70, skin: buttonSkin,
+			contents: [
+				Content($, { skin: volumeDownSkin })
+			],
+			Behavior: class extends ButtonBehavior {
+				onTouchEnded(button) {
+					super.onTouchEnded(button);
+					application.delegate("volumeDown");
+				}
+			}
+		}),
+		Container($, {
+			active: true, height: 70, bottom: 0, left: 125, width: 70, skin: buttonSkin,
+			contents: [
+				Content($, { skin: volumeUpSkin })
+			],
+			Behavior: class extends ButtonBehavior {
+				onTouchEnded(button) {
+					super.onTouchEnded(button);
+					application.delegate("volumeUp");
+				}
+			}
+		}),
+		Container($, {
+			active: true, height: 70, bottom: 0, right: 28, width: 70, skin: buttonSkin,
+			contents: [
+				Content($, { skin: playSkin })
+			],
+			Behavior: class extends ButtonBehavior {
+				onTouchEnded(button) {
+					super.onTouchEnded(button);
+					application.state = !application.state;
+					application.delegate("toggleSound", application.state);
+				}
+			}
+		}),
+	],
+	Behavior: SoundAppBehavior
+}));
+
+export default new SoundApp({ sound: new Resource("bflatmajor.maud")}, { displayListLength: 1024, touchCount: 1 });
+

examples/piu/audioout/manifest.json

@@ -0,0 +1,53 @@
+{
+	"include": [
+		"$(MODDABLE)/examples/manifest_base.json",
+		"$(MODDABLE)/examples/manifest_piu.json",
+	],
+	"config": {
+		"rotation": 90,
+		"autorotate": false,
+	},
+	"modules": {
+		"*": [
+			"./main"
+		],
+		"pins/*": [
+			"$(MODULES)/pins/i2s/*"
+		],
+		"piu/Sound": [
+			"$(MODULES)/piu/MC/piuSound"
+		]
+	},
+	"resources": {
+		"*": "$(MODDABLE)/examples/assets/sounds/bflatmajor",
+		"*-mask": [
+			"./volume-down",
+			"./volume-up",
+			"./play"
+		]
+	},
+	"platforms": {
+		"esp32/m5stack_fire": {},
+		"esp32/moddable_two": {
+			"defines": {
+				"audioOut": {
+					"bitsPerSample": 16,
+					"numChannels": 1,
+					"sampleRate": 32000,
+					"format": "ima",
+					"streams": 1,
+					"queueLength": 4,
+					"i2s": {
+						"dac": 1
+					}
+				}
+			},
+		},
+		"mac": {},
+		"win": {},
+		"...": {
+			"error": "Platform not supported"
+		},
+	}
+}
+