Add reliable AudioSample.copyTo() fallback for unsupported destination formats (fixes #479)

This commit is contained in:
Vanilagy
2026-08-30 12:49:22 +02:00
parent e16b01a4c6
commit dec669163f
2 changed files with 217 additions and 67 deletions
+112 -67
View File
@@ -2658,7 +2658,7 @@ export class AudioSample implements Disposable {
const { format, frameCount: optFrameCount, frameOffset: optFrameOffset } = options;
let { planeIndex } = options;
const srcFormat = this.format;
let srcFormat = this.format;
const destFormat = format ?? this.format;
if (!destFormat) throw new Error('Destination format not determined');
@@ -2705,88 +2705,133 @@ export class AudioSample implements Disposable {
frameOffset,
copyFrameCount,
);
return;
} else {
// Per spec, only f32-planar conversion must be supported, but in practice, all browsers support all
// destination formats, so let's just delegate here:
this._data.copyTo(destination, {
planeIndex,
frameOffset,
frameCount: copyFrameCount,
format: destFormat,
});
try {
// The spec only requires f32-planar to work here, but most of the time, all formats work. Sometimes
// they don't, and that's why we try-catch it.
this._data.copyTo(destination, {
planeIndex,
frameOffset,
frameCount: copyFrameCount,
format: destFormat,
});
return;
} catch (error) {
if (destFormat === 'f32-planar') {
throw error;
}
// Format conversion likely wasn't supported, so let's fall back to the manual conversion path
srcFormat = 'f32-planar';
}
}
} else {
const readFn = getReadFunction(srcFormat);
const srcBytesPerSample = getBytesPerSample(srcFormat);
const srcIsPlanar = formatIsPlanar(srcFormat);
}
let uint8Data: Uint8Array;
if (this._data instanceof AudioSampleResource) {
const getDataPlaneValidated = (index: number) => {
const result = (this._data as AudioSampleResource).getDataPlane(index);
if (!(result instanceof Uint8Array)) {
throw new TypeError('getDataPlane() must return a Uint8Array.');
}
const readFn = getReadFunction(srcFormat);
const srcBytesPerSample = getBytesPerSample(srcFormat);
const srcIsPlanar = formatIsPlanar(srcFormat);
const expectedSize = numFrames * srcBytesPerSample * (srcIsPlanar ? 1 : numChannels);
if (result.byteLength !== expectedSize) {
throw new TypeError(
`Data plane ${index} has invalid size. Expected exactly ${expectedSize} bytes, got`
+ ` ${result.byteLength} bytes.`,
);
}
let uint8Data: Uint8Array;
if (this._data instanceof AudioSampleResource) {
const getDataPlaneValidated = (index: number) => {
const result = (this._data as AudioSampleResource).getDataPlane(index);
if (!(result instanceof Uint8Array)) {
throw new TypeError('getDataPlane() must return a Uint8Array.');
}
return result;
};
const expectedSize = numFrames * srcBytesPerSample * (srcIsPlanar ? 1 : numChannels);
if (result.byteLength !== expectedSize) {
throw new TypeError(
`Data plane ${index} has invalid size. Expected exactly ${expectedSize} bytes, got`
+ ` ${result.byteLength} bytes.`,
);
}
if (srcIsPlanar) {
if (destIsPlanar) {
// Only one source plane will be extracted, so let's fetch only that one
uint8Data = getDataPlaneValidated(planeIndex);
planeIndex = 0; // To fix the subsequent access
} else {
// Pack all planes tightly together
uint8Data = new Uint8Array(numFrames * srcBytesPerSample * numChannels);
for (let ch = 0; ch < numChannels; ch++) {
const planeData = getDataPlaneValidated(ch);
uint8Data.set(planeData, ch * numFrames * srcBytesPerSample);
}
}
return result;
};
if (srcIsPlanar) {
if (destIsPlanar) {
// Only one source plane will be extracted, so let's fetch only that one
uint8Data = getDataPlaneValidated(planeIndex);
planeIndex = 0; // To fix the subsequent access
} else {
uint8Data = getDataPlaneValidated(0); // That's the only plane there is
// Pack all planes tightly together
uint8Data = new Uint8Array(numFrames * srcBytesPerSample * numChannels);
for (let ch = 0; ch < numChannels; ch++) {
const planeData = getDataPlaneValidated(ch);
uint8Data.set(planeData, ch * numFrames * srcBytesPerSample);
}
}
} else {
uint8Data = this._data;
uint8Data = getDataPlaneValidated(0); // That's the only plane there is
}
} else if (this._data instanceof Uint8Array) {
uint8Data = this._data;
} else {
assert(srcFormat === 'f32-planar');
const srcView = toDataView(uint8Data);
if (destIsPlanar) {
// Only one source plane will be read, so let's copy only that one
uint8Data = new Uint8Array(this._data.allocationSize({
format: 'f32-planar',
planeIndex,
}));
this._data.copyTo(uint8Data, {
format: 'f32-planar',
planeIndex,
});
planeIndex = 0; // To fix the subsequent access
} else {
// All planes will be read, so fetch 'em all
uint8Data = new Uint8Array(this._data.allocationSize({
format: 'f32-planar',
planeIndex: 0,
}) * numChannels);
for (let i = 0; i < copyFrameCount; i++) {
if (destIsPlanar) {
const destOffset = i * destBytesPerSample;
for (let ch = 0; ch < numChannels; ch++) {
this._data.copyTo(
uint8Data.subarray(
ch * numFrames * srcBytesPerSample,
(ch + 1) * numFrames * srcBytesPerSample,
),
{
format: 'f32-planar',
planeIndex: ch,
},
);
}
}
}
const srcView = toDataView(uint8Data);
for (let i = 0; i < copyFrameCount; i++) {
if (destIsPlanar) {
const destOffset = i * destBytesPerSample;
let srcOffset: number;
if (srcIsPlanar) {
srcOffset = (planeIndex * numFrames + (i + frameOffset)) * srcBytesPerSample;
} else {
srcOffset = (((i + frameOffset) * numChannels) + planeIndex) * srcBytesPerSample;
}
const normalized = readFn(srcView, srcOffset);
writeFn(destView, destOffset, normalized);
} else {
for (let ch = 0; ch < numChannels; ch++) {
const destIndex = i * numChannels + ch;
const destOffset = destIndex * destBytesPerSample;
let srcOffset: number;
if (srcIsPlanar) {
srcOffset = (planeIndex * numFrames + (i + frameOffset)) * srcBytesPerSample;
srcOffset = (ch * numFrames + (i + frameOffset)) * srcBytesPerSample;
} else {
srcOffset = (((i + frameOffset) * numChannels) + planeIndex) * srcBytesPerSample;
srcOffset = (((i + frameOffset) * numChannels) + ch) * srcBytesPerSample;
}
const normalized = readFn(srcView, srcOffset);
writeFn(destView, destOffset, normalized);
} else {
for (let ch = 0; ch < numChannels; ch++) {
const destIndex = i * numChannels + ch;
const destOffset = destIndex * destBytesPerSample;
let srcOffset: number;
if (srcIsPlanar) {
srcOffset = (ch * numFrames + (i + frameOffset)) * srcBytesPerSample;
} else {
srcOffset = (((i + frameOffset) * numChannels) + ch) * srcBytesPerSample;
}
const normalized = readFn(srcView, srcOffset);
writeFn(destView, destOffset, normalized);
}
}
}
}
@@ -3201,9 +3246,9 @@ export const toInterleavedAudioFormat = (format: AudioSampleFormat): 'u8' | 's16
};
/**
* WebKit has a bug where calling AudioData.copyTo with a format different from the source format
* crashes the tab when there are more than 2 channels. This function works around that by always
* copying with the source format and then manually converting to the destination format.
* WebKit has a bug where calling AudioData.copyTo with a format different from the source format crashes the tab when
* there are more than 2 channels. This function works around that by always copying with the source format and then
* manually converting to the destination format.
*
* See https://bugs.webkit.org/show_bug.cgi?id=302521.
*/
+105
View File
@@ -137,3 +137,108 @@ test('trim, throws on a closed sample', () => {
sample.close();
expect(() => sample.trim(0, 5)).toThrow('AudioSample is closed.');
});
test('copyTo, AudioData-backed, planar destination falls back to manual conversion', () => {
withMockedNativeCopyTo((calls) => {
using sample = makeAudioDataBackedSample();
for (let c = 0; c < NUM_CHANNELS; c++) {
const out = new Int16Array(NUM_FRAMES);
sample.copyTo(out, { planeIndex: c, format: 's16-planar' });
for (let f = 0; f < NUM_FRAMES; f++) {
expect(out[f]).toBe(cellValue(f, c));
}
}
// With a frame offset
const out = new Int16Array(NUM_FRAMES - 3);
sample.copyTo(out, { planeIndex: 1, format: 's16-planar', frameOffset: 3 });
for (let f = 0; f < NUM_FRAMES - 3; f++) {
expect(out[f]).toBe(cellValue(f + 3, 1));
}
// The native conversion must have been attempted (and thrown)
expect(calls.some(options => options.format === 's16-planar')).toBe(true);
});
});
test('copyTo, AudioData-backed, interleaved destination falls back to manual conversion', () => {
withMockedNativeCopyTo((calls) => {
using sample = makeAudioDataBackedSample();
const out = new Float32Array(NUM_FRAMES * NUM_CHANNELS);
sample.copyTo(out, { planeIndex: 0, format: 'f32' });
for (let f = 0; f < NUM_FRAMES; f++) {
for (let c = 0; c < NUM_CHANNELS; c++) {
expect(out[f * NUM_CHANNELS + c]).toBe(Math.fround(cellValue(f, c) / 32767));
}
}
// The native conversion must have been attempted (and thrown)
expect(calls.some(options => options.format === 'f32')).toBe(true);
});
});
test('copyTo, AudioData-backed, control case with native format conversion', () => {
using sample = makeAudioDataBackedSample();
for (let c = 0; c < NUM_CHANNELS; c++) {
const out = new Int16Array(NUM_FRAMES);
sample.copyTo(out, { planeIndex: c, format: 's16-planar' });
for (let f = 0; f < NUM_FRAMES; f++) {
// Allow off-by-one
expect(Math.abs(out[f]! - cellValue(f, c))).toBeLessThanOrEqual(1);
}
}
const out = new Float32Array(NUM_FRAMES * NUM_CHANNELS);
sample.copyTo(out, { planeIndex: 0, format: 'f32' });
for (let f = 0; f < NUM_FRAMES; f++) {
for (let c = 0; c < NUM_CHANNELS; c++) {
expect(out[f * NUM_CHANNELS + c]).toBe(Math.fround(cellValue(f, c) / 32767));
}
}
});
const withMockedNativeCopyTo = (fn: (calls: AudioDataCopyToOptions[]) => void) => {
// eslint-disable-next-line @typescript-eslint/unbound-method
const original = AudioData.prototype.copyTo;
const calls: AudioDataCopyToOptions[] = [];
AudioData.prototype.copyTo = function (this: AudioData, destination, options) {
calls.push(options);
if (options.format !== undefined && options.format !== 'f32-planar') {
throw new DOMException('Format conversion not supported.', 'NotSupportedError');
}
return original.call(this, destination, options);
};
try {
fn(calls);
} finally {
AudioData.prototype.copyTo = original;
}
};
const makeAudioDataBackedSample = () => {
const data = new Float32Array(NUM_FRAMES * NUM_CHANNELS);
for (let f = 0; f < NUM_FRAMES; f++) {
for (let c = 0; c < NUM_CHANNELS; c++) {
data[f * NUM_CHANNELS + c] = cellValue(f, c) / 32767;
}
}
return new AudioSample(new AudioData({
format: 'f32',
sampleRate: SAMPLE_RATE,
numberOfFrames: NUM_FRAMES,
numberOfChannels: NUM_CHANNELS,
timestamp: TIMESTAMP * 1e6,
data,
}));
};