style: render a/v sync video from the mid-point

This commit is contained in:
Tomáš Mládek 2024-02-26 12:45:38 +01:00
parent dd4bd1d497
commit 5bbd505ff6
2 changed files with 8 additions and 2 deletions

View file

@ -28,6 +28,9 @@ for (let i = 0; i < numberOfRepeats; i++) {
finalSamples.set(oneSecondChunk, i * sampleRate); finalSamples.set(oneSecondChunk, i * sampleRate);
} }
let halfSecondSilence = new Float32Array(sampleRate / 2).fill(0);
finalSamples = Float32Array.from([...halfSecondSilence, ...finalSamples]);
let finalBuffer = wav.encode([finalSamples], { sampleRate: sampleRate, float: true, bitDepth: 32 }); let finalBuffer = wav.encode([finalSamples], { sampleRate: sampleRate, float: true, bitDepth: 32 });
fs.writeFileSync(options.output, finalBuffer); fs.writeFileSync(options.output, finalBuffer);

View file

@ -31,16 +31,19 @@ await page.evaluate(async (fps) => {
}, options.fps); }, options.fps);
const totalFrames = parseInt(options.fps) * parseInt(options.cycles); const totalFrames = parseInt(options.fps) * parseInt(options.cycles);
const half = Math.floor(parseInt(options.fps) / 2);
for (let frame = 0; frame < totalFrames; frame++) { for (let frame = 0; frame < totalFrames; frame++) {
let start = Date.now(); let start = Date.now();
await page.evaluate(async (n) => { await page.evaluate(async (n) => {
// @ts-ignore // @ts-ignore
await window.setFrame(n); await window.setFrame(n);
}, frame); }, frame + half);
const path = `${options.output}/${frame.toString().padStart(Math.log10(totalFrames) + 1, '0')}.png`; const path = `${options.output}/${frame.toString().padStart(Math.log10(totalFrames) + 1, '0')}.png`;
await page.screenshot({ path, omitBackground: true }); await page.screenshot({ path, omitBackground: true });
let end = Date.now(); let end = Date.now();
console.log(`Captured frame ${frame + 1}/${totalFrames} (took ${end - start}ms)`); console.log(
`Captured frame ${frame + half}: ${frame + 1}/${totalFrames} (took ${end - start}ms)`
);
} }
console.log('Done.'); console.log('Done.');