Download to read offline
![var numbers = [1, 2, 3, 4];
numbers.map(function (item) {
return item + 3;
});
// [4, 5, 6, 7]](https://image.slidesharecdn.com/copyofrsjs2015toexport-150517162508-lva1-app6892/85/Processamento-Digital-de-Sinais-com-Javascript-RSJS-2015-4-320.jpg)
![var onAudioProcess = function (ev) {
inputBuffer = ev.inputBuffer;
outputBuffer = ev.outputBuffer;
inputData = inputBuffer.getChannelData(0);
outputData0 = outputBuffer.getChannelData(0);
outputData1 = outputBuffer.getChannelData(1);
for (var sample = 0, len = inputData.length; sample < len; sample++) {
outputData0[sample] = (1 - panelX) * inputData[sample];
outputData1[sample] = panelX * inputData[sample];
}
}](https://image.slidesharecdn.com/copyofrsjs2015toexport-150517162508-lva1-app6892/85/Processamento-Digital-de-Sinais-com-Javascript-RSJS-2015-12-320.jpg)
![// Original (37)
[1.1, 1.8, 2.3, 2.4, 1.9, 2.7, 3.2, 3.4, 3.1]
// Quantizado (19)
[1, 2, 2, 2, 2, 3, 3, 3, 3]
// Comprimido (15)
[1, ‘2 4’, ‘3 4’]](https://image.slidesharecdn.com/copyofrsjs2015toexport-150517162508-lva1-app6892/85/Processamento-Digital-de-Sinais-com-Javascript-RSJS-2015-19-320.jpg)
![var red = [];
var green = [];
var blue = [];
var alpha = [];
for (var i = 4; i < imgData.data.length; i+=4) {
red.push(imgData.data[i])
green.push(imgData.data[i+1])
blue.push(imgData.data[i+2])
alpha.push(imgData.data[i+3])
}](https://image.slidesharecdn.com/copyofrsjs2015toexport-150517162508-lva1-app6892/85/Processamento-Digital-de-Sinais-com-Javascript-RSJS-2015-27-320.jpg)
Uploaded byRafael Specht da Silva
Processamento Digital de Sinais com Javascript - RSJS 2015
O documento trata de processamento digital de sinais usando JavaScript, abordando conceitos como amostragem, quantização e compressão. Ele também menciona manipulação de imagens e como editar dados de pixels utilizando um canvas HTML. Além disso, oferece referências diversas e exemplos de códigos relacionados ao tópico discutido.
Processamento Digital de Sinais com Javascript - RSJS 2015
- 1. Processamento Digital de Sinais c/Javascript @rafael_sps
- 2. QUEM? rafael specht da silva Tecnólogoem Telecomunicações Entusiasta Javascript
- 3. “... manipulação matemática deum sinal para modificá-lo ou melhorá-lo”
- 4. var numbers =[1, 2, 3, 4]; numbers.map(function (item) { return item + 3; }); // [4, 5, 6, 7]
- 6.
- 10.
- 11. var playBuffer =function (buffer) { source = context.createBufferSource(); source.buffer = buffer; var processor = context.createScriptProcessor(512, 2, 2); processor.onaudioprocess = onAudioProcess; source.connect(processor); processor.connect(context.destination); source.start(0, startOffset % buffer.duration); }
- 12. var onAudioProcess =function (ev) { inputBuffer = ev.inputBuffer; outputBuffer = ev.outputBuffer; inputData = inputBuffer.getChannelData(0); outputData0 = outputBuffer.getChannelData(0); outputData1 = outputBuffer.getChannelData(1); for (var sample = 0, len = inputData.length; sample < len; sample++) { outputData0[sample] = (1 - panelX) * inputData[sample]; outputData1[sample] = panelX * inputData[sample]; } }
- 13.
- 16.
- 18.
- 19. // Original (37) [1.1,1.8, 2.3, 2.4, 1.9, 2.7, 3.2, 3.4, 3.1] // Quantizado (19) [1, 2, 2, 2, 2, 3, 3, 3, 3] // Comprimido (15) [1, ‘2 4’, ‘3 4’]
- 20.
- 21. var canvas =document.getElementById('canvas'); var ctx = canvas.getContext('2d'); function make_base(src) { base_image = new Image(); base_image.src = src; base_image.onload = function(){ ctx.drawImage(base_image, 0, 0); imageLoaded(base_image); } }
- 22. var img =ctx.getImageData( 0, 0, canvas.width, canvas.height );
- 23. img.height // number img.width// number img.data // Uint8ClampedArray r g b a r g b a [65, 113, 130, 255, 65, 113, 130, 255, ...
- 25.
- 26.
- 27. var red =[]; var green = []; var blue = []; var alpha = []; for (var i = 4; i < imgData.data.length; i+=4) { red.push(imgData.data[i]) green.push(imgData.data[i+1]) blue.push(imgData.data[i+2]) alpha.push(imgData.data[i+3]) }
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.