doohoyi/sound-parade
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

parade update.

Browse source
This commit is contained in:
Dooho Yi 2022-01-19 02:12:03 +09:00
parent ab9057fc03
commit f6f02ebee0
2 changed files with 69 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
server.js
View file

@ -175,7 +175,7 @@ fastify.post("/entry", async function (request, reply) {
const client = new Client(server); const client = new Client(server);
//create unique folder ==> timestamp + uuid //create unique folder ==> timestamp + uuid
const folder = await client.createFolder("Storage/public/sound-parade/" + moment().tz('Asia/Seoul').format('YYYYMMDD-HHmmss - ') + uuidv1()); const folder = await client.createFolder("Storage/public/sound-parade/" + moment().tz('Asia/Seoul').format('YYYYMMDD-HHmmss-') + uuidv1());
if (converted) { if (converted) {
const file = await folder.createFile("audio.mp3", await fs.readFile(tmpdir + '/converted.mp3')); const file = await folder.createFile("audio.mp3", await fs.readFile(tmpdir + '/converted.mp3'));
} else { } else {

36
src/pages/parade.html
View file

@ -56,9 +56,10 @@
fr = 20; fr = 20;
} }
frameRate(fr); frameRate(fr);
//
silence = (await AudioImport("./audio/_silence.wav")).toDestination(); //p5 'draw()' doesn't work if user is not looking at the tab.
clap = (await AudioImport("./audio/clap01.mp3")).toDestination(); noLoop();
// --> use custom looper.
} }
// //
@ -66,9 +67,12 @@
var intro; var intro;
var ready; var ready;
// //
socket.on("connect", function() { socket.on("connect", async function() {
console.log("connected!"); console.log("connected!");
// //
silence = (await AudioImport("./audio/_silence.wav")).toDestination();
clap = (await AudioImport("./audio/clap01.mp3")).toDestination();
//TESTING... fixed to room 1. //TESTING... fixed to room 1.
// myroom = 1; // myroom = 1;
@ -127,8 +131,8 @@
} }
}); });
var fading_factor = 0.3; //30% //var fading_factor = 0.3; //30%
//var fading_factor = 0.5; //50% var fading_factor = 0.5; //50%
socket.on("post", async function(post) { socket.on("post", async function(post) {
console.log(post); console.log(post);
@ -159,7 +163,7 @@
var img = createImg(object.src, object.alt, "", async function(im) { var img = createImg(object.src, object.alt, "", async function(im) {
//로딩이 끝나면, start! //로딩이 끝나면, start!
var pv = new Tone.PanVol(0, -99).toDestination(); var pv = new Tone.PanVol(0, -99).toDestination();
var snd = (await AudioImport(object.audio)); var snd = await AudioImport(object.audio); // NOTE: url with spaces didn't work here.
snd.connect(pv).start(); snd.connect(pv).start();
snd.loop = true; snd.loop = true;
@ -222,7 +226,13 @@
}); });
function draw() { //p5 'draw()' doesn't work if user is not looking at the tab.
// --> custom looper is ok.
var looper;
(looper = function(timeout) {
setTimeout(async function() {
//
for (var i = arr.length - 1; i >= 0; i -= 1) { for (var i = arr.length - 1; i >= 0; i -= 1) {
var bundle = arr[i]; var bundle = arr[i];
var img = bundle.img; var img = bundle.img;
@ -256,12 +266,12 @@
range = windowWidth * fading_factor range = windowWidth * fading_factor
knob = x - windowWidth; knob = x - windowWidth;
pv.pan.value = 1; pv.pan.value = 1;
pv.volume.value = (1 - (knob / range)) * 99; pv.volume.value = knob / range * -20;
} else if (x < -bundle.width) { } else if (x < -bundle.width) {
range = windowWidth * fading_factor range = windowWidth * fading_factor
knob = (x + bundle.width) * -1; knob = (x + bundle.width) * -1;
pv.pan.value = -1; pv.pan.value = -1;
pv.volume.value = (1 - (knob / range)) * 99; pv.volume.value = knob / range * -20;
} }
} }
@ -275,7 +285,11 @@
arr.splice(i, 1); arr.splice(i, 1);
} }
} }
} //
looper(1000/fr);
}, timeout);
})(1000/fr);
// function randomvoiceplay() { // function randomvoiceplay() {
// (looper = function(timeout) { // (looper = function(timeout) {