These featured audio waveform visualizers are made for the upcoming Audio Production modules, to assist in demonstrating the implementation of certain effects through both audio and visual representation. Please try them out, and if you encounter any issues, please report it. Include steps to reproduce the bug, browser name, browser version, and your operating system if possible.
Audio Comparison Visualizer
Uses two audio files (192kbps, 44.1kHz, 16-bit), each representing:
the "before" state of applying an effect.
the "after" state of applying an effect.
Initiated with the FX turned off, users can:
switch between the before and after of applying an effect by toggling the "FX" button.
play, pause, and adjust the volume of the audio.
seek audio playback position by clicking on the waveform.
Comparison: Stereo + Stereo
Comparison: Mono + Stereo, starting with FX ON
Audio Singular Visualizer
Used for visualizing audio waveforms that aren't being compared.
Visualizer: Stereo
Visualizer: Mono
Issue: iOS Devices
On iOS devices, the audio will not play at all due to Apple's implementation of Web Audio API in iOS Silent Mode. Somehow, HTML5 Audio works fine, but Web Audio API doesn't. No one knows why this was implemented this way, but due to this limitation iOS users will get a "Not working?" clickable text that reminds them to turn off Silent Mode or to wear headphones before listening to the visualizers.
Issue: Bluetooth Audio Devices
Some bluetooth audio devices (especially the airpod) delaying the playback to make the latency seem invisible when matching up with the screen. This causes a minor delay before resuming audio that was paused. This also somehow causes the left ear to pause playback shortly after the right ear instead of pausing them both simultaneously. This is not a priority fix since bluetooth headphones will always have some sort of latency due to their wireless nature.
Insight Blocks
Sometimes, there will be a insight block in between the written instructional text. This is extra information, usually in the form of an opinion or tip. Here is an example:
I dont think you should use background synths with guitar audio, purely because the reason for using it is usually to make up for the lack of color in your playing. It makes the presentation of the guitar recording dishonest. If you do this, please let your audience know that you are using background synths.
Reading it is optional, but it may provide additional insight to the subject.
Continue Learning...
There is no continuation to this module.
Report Issues
See an problem with this page's contents? Please let us know!