Mercurial > hg > webaudioevaluationtool
changeset 2642:77204f78386a
#3: Added resampler from JS-xtract into resampler.js. Automatically use to match sample rates
author | Nicholas Jillings <nicholas.jillings@mail.bcu.ac.uk> |
---|---|
date | Thu, 19 Jan 2017 14:48:02 +0000 |
parents | 757e3956845c |
children | 52e51b15f808 |
files | index.html js/core.js js/resample.js test.html |
diffstat | 4 files changed, 175 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- a/index.html Thu Jan 19 13:12:31 2017 +0000 +++ b/index.html Thu Jan 19 14:48:02 2017 +0000 @@ -18,6 +18,7 @@ <!-- Use jQuery hosted from Google CDN --> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>--> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> + <script type="text/javascript" src="js/resample.js"></script> <script type="text/javascript" src="js/loader.js"></script> </head>
--- a/js/core.js Thu Jan 19 13:12:31 2017 +0000 +++ b/js/core.js Thu Jan 19 14:48:02 2017 +0000 @@ -1507,6 +1507,22 @@ function processAudio(response) { var self = this; return audioContext.decodeAudioData(response, function (decodedData) { + if (decodedData.sampleRate !== audioContext.sampleRate) { + // Resample + var num_channels = decodedData.numberOfChannels, + num_samples = decodedData.length, + r = audioContext.sampleRate / decodedData.sampleRate, + new_buffer = audioContext.createBuffer(num_channels, Math.floor(num_samples * r), audioContext.sampleRate), + channel; + for (channel = 0; channel < num_channels; channel++) { + var buffer = new Float32Array(decodedData.length); + decodedData.copyFromChannel(buffer, channel); + buffer = xtract_resample(buffer, audioContext.sampleRate, decodedData.sampleRate); + new_buffer.copyToChannel(buffer, channel); + } + decodedData = new_buffer; + buffer = new_buffer = undefined; + } self.buffer = decodedData; self.status = 2; calculateLoudness(self, "I");
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/js/resample.js Thu Jan 19 14:48:02 2017 +0000 @@ -0,0 +1,157 @@ +// Taken for JS-Xtract +// https://github.com/nickjillings/js-xtract + +function xtract_resample(data, p, q, n) { + // Same function call as matlab: + // data is the array + // p is the target sample rate + // q is the source sample rate + // n is the desired filter order, n==1024 if undefined + + function filter(N, c) { + var c_b, Re, Im, b; + c_b = Math.floor(c * N); + Re = new Float64Array(N); + Im = new Float64Array(N); + var i, j; + for (i = 0; i < c_b; i++) { + Re[i] = 1; + } + for (i = N - c_b + 1; i < N; i++) { + Re[i] = 1; + } + inverseTransform(Re, Im); + // Scale and shift into Im + for (i = 0; i < N; i++) { + j = (i + (N >> 1)) % N; + Im[i] = Re[j] / N; + // Apply compute blackman-harris to Im + var rad = (Math.PI * i) / (N); + Im[i] *= 0.35875 - 0.48829 * Math.cos(2 * rad) + 0.14128 * Math.cos(4 * rad) - 0.01168 * Math.cos(6 * rad); + } + return Im; + } + + function polyn(data, K) { + var N = data.length; + var x = [0, data[0], data[1]]; + var dst = new Float64Array(K); + var ratio = K / N; + var tinc = 1 / ratio; + var n = 0, + t = 0, + k; + for (k = 0; k < K; k++) { + if (t == n) { + // Points lie on same time + dst[k] = data[n]; + } else { + var y = (t - n - 1) * (t - n) * x[0] - 2 * (t - n - 1) * (t - n + 1) * x[1] + (t - n) * (t - n + 1) * x[2]; + dst[k] = y / 2; + } + t += tinc; + if (t >= n + 1) { + n = Math.floor(t); + x[0] = data[n - 1]; + x[1] = data[n]; + if (n + 1 < N) { + x[2] = data[n + 1]; + } else { + x[2] = 0.0; + } + } + } + return dst; + } + + function zp(a) { + var b = new Float64Array(a.length * 2); + for (var n = 0; n < a.length; n++) { + b[n] = a[n]; + } + return b; + } + + function overlap(X, b) { + var i, f; + var Y = new Float64Array(X.length); + var N = b.length; + var N2 = 2 * N; + var B = { + real: zp(b), + imag: new Float64Array(N * 2) + } + transform(B.real, B.imag); + var Xi = X.xtract_get_data_frames(N, N, false); + var Yi = Y.xtract_get_data_frames(N, N, false); + var x_last = new Float64Array(N); + var y_last = new Float64Array(N); + var w = new Float64Array(N2); + for (i = 0; i < N2; i++) { + var rad = (Math.PI * i) / (N2); + w[i] = 0.35875 - 0.48829 * Math.cos(2 * rad) + 0.14128 * Math.cos(4 * rad) - 0.01168 * Math.cos(6 * rad); + } + var xF = { + real: new Float64Array(N2), + imag: new Float64Array(N2) + } + var yF = { + real: new Float64Array(N2), + imag: new Float64Array(N2) + } + for (f = 0; f < Xi.length; f++) { + for (i = 0; i < N; i++) { + xF.real[i] = x_last[i] * w[i]; + xF.real[i + N] = Xi[f][i] * w[i + N]; + x_last[i] = Xi[f][i]; + xF.imag[i] = 0; + xF.imag[i + N] = 0; + } + transform(xF.real, xF.imag); + for (i = 0; i < N2; i++) { + yF.real[i] = xF.real[i] * B.real[i] - xF.imag[i] * B.imag[i]; + yF.imag[i] = xF.imag[i] * B.real[i] + xF.real[i] * B.imag[i]; + } + transform(yF.imag, yF.real); + // Perform fft_shift and scale + for (i = 0; i < N; i++) { + var h = yF.real[i + N] / N; + yF.real[i + N] = yF.real[i] / N; + yF.real[i] = h; + } + for (i = 0; i < N; i++) { + Yi[f][i] = (yF.real[i] + y_last[i]); + y_last[i] = yF.real[i + N]; + } + } + return Y; + } + + // Determine which way to go + var b, N = data.length; + if (typeof n != "number" || n <= 0) { + n = 512; + } + if (p == q) { + return data; + } + var ratio = (p / q); + var K = Math.floor(N * ratio); + var dst; + if (p > q) { + // Upsampling + // 1. Expand Data range + dst = polyn(data, K); + // 2. Filter out spurious energy above q + var b = filter(n, 1 / ratio); + overlap(data, b); + } else { + // Downsampling + // 1. Filter out energy above p + var b = filter(n, ratio / 2); + var ds1 = overlap(data, b); + // 2. Decrease data range + dst = polyn(ds1, K); + } + return dst; +}
--- a/test.html Thu Jan 19 13:12:31 2017 +0000 +++ b/test.html Thu Jan 19 14:48:02 2017 +0000 @@ -18,6 +18,7 @@ <!-- Use jQuery hosted from Google CDN --> <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>--> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> + <script type="text/javascript" src="js/resample.js"></script> <script type="text/javascript" src="js/loader.js"></script> </head>