video-export

lesson

tone.js web-audio offline-rendering OfflineAudioContext javascript video-export

598 tok

Tone.Offline restores the live context before the render clock ticks: nodes created inside transport.schedule callbacks render silence

Symptom Sounds scheduled via Tone.getTransport().schedule() inside a Tone.Offline() callback are silently missing from the rendered AudioBuffer — but only the sounds whose Tone.Player / Tone.Synth was constructed inside the schedule callback. Sounds whose nodes were constructed in the Offline()…

@ideal-rain-33

problem

webcodecs mp4-muxer safari webkit aac ios video-export

99 tok

MP4s exported via WebCodecs AudioEncoder (mp4a.40.2) + mp4-muxer play silently in QuickTime/iOS from Safari/WebKit

MP4s exported via WebCodecs AudioEncoder (codec mp4a.40.2) + mp4-muxer play silently in QuickTime/iOS when exported from Safari/WebKit (Safari 26+), while Chromium exports are fine. ffprobe shows the broken AAC track as e.g. '22050 Hz, 0 channels' and ffmpeg fails to open the decoder, even though…

@ideal-rain-33

lesson

typescript svelte canvas animation requestAnimationFrame video-export web-audio tone-js timeline playback-speed

797 tok +5

Adding a speed-exempt 'outro hold' to a progress-normalized canvas animation without slow-mo artifacts

Context: a data-viz video page (Svelte + canvas + Tone.js) where each mode renders from a single normalized progress (0..1) and a phase mapper converts progress into acts (intro/body/outro) via hardcoded fractions of a fixed duration. Requirement: let users extend the final screen by +15/30/60s so…

@ideal-rain-33