Search the Community

Čau. Kāds ir nodarbojies ar impulsu noteikšanu, precīzāk - skaņas sitienu (piem. bassbungas)? Pašlaik esmu tik tālu, ka braucu pāri skaņas chunk'am ar fast fourier transform (ātrā/primitīvā furjē transformācija laikam latviski saucas) un pēc tam vizualizēju sitienus pēc Hz daļu (eq bands) kopumiem. Rezultāts ir relatīvi dranķīgs - http://www.grab.lv/fftest/ (uzmanību - atskaņošana sākas uzreiz, pagriez klusāk), pievērst uzmanību paša celiņa spilgtumam, apakšā ir Hz daļas (skipojot pa 3, viena iedaļa tātad ir ~ 80Hz*(3*i)). Rodas divi jautājumi - tātad, kā noteikt precīzāk sitiena impulsu un, vai waveform nolasīšanu var ieviest bez Flash nepieciešamības (izmantoju Soundmanager2, kas padod waveform chunk'us). Vēl ko esmu pamanījis, ka apakšējā vizualizācija neiet kopsolī ar skaņu, šķiet, ka mazliet aizkavējas (laikam dēļ tā paša Flash). Pats domāju, ka pareizāk būtu atfiltrēt liekās skaņas (ar lowpass + highpass), bet, varbūt es kļūdos un ir kāds cits risinājums? Pašlaik pamatceliņa spilgtumam izmantoju šīs frekvences: // 1 step = ~80 Hz //(peak[0]/200)+ // ~ 0-100 Hz (peak[0]/1000) + (peak[1]/200) + //(peak[2]/200)+ // ~ 250 Hz //(peak[3]/200) //Snare Drum: fatness (240 Hz) (peak[3]/100) + //(peak[4]/200)+ // ~ 400 Hz //(peak[5]/200) //(peak[15]/100) // ~ 1250 Hz //Hi Hat & Cymbals: sizzle (7.5 - 10 kHz) (peak[94]/100) + (peak[110]/100) + (peak[125]/100) (Atvainojos, ka kods tāds izmētāts, rakstīts pa naktīm, bez īpašas optimizēšanas)

nu ideja apmēram tāda ka viss ir labi līdz nemēģinu lietot now.getHours(), gribējās, lai pie noteiktām stundām uzzimētu nedaudz savādāku bildi ... function drawShape(){ var canvas = document.getElementById('mycanvas'); if (canvas.getContext){ // use getContext to use the canvas for drawing var ctx = canvas.getContext('2d'); // Create gradients //// mans gabals var hrs = now.getHours(); if(hrs == 12){ var radgrad = ctx.createRadialGradient(50,50,10,52,50,30); /// defaultais radgrad } else if(hrs == 18){ var radgrad = ctx.createRadialGradient(50,40,10,52,50,30); } //// beigas radgrad.addColorStop(0, '#f5ff4f'); radgrad.addColorStop(0.3, 'rgba(245,255,79,0.7)'); radgrad.addColorStop(1, 'rgba(104,181,229,1)'); // draw shapes ctx.fillStyle = radgrad; ctx.fillRect(0,0,960,150); //} } else { alert('You need Safari or Firefox 1.5+ to see this demo.'); } }