beta
cables is under heavy development.
There might be one or another bug, please let us know about it!
cables DocumentationHow To UseWorking with filesKeyboard ShortcutsUser Interface WalkthroughBeginner TutorialBeginner 1: Drawing A CircleBeginner 2: TransformationsBeginner 3: ColorMore TransformationsintermediateImage CompositionsPost-Processing 3D Scenescommunicationcables APICommunication with an Arduino via SerialCommunicating with Arduino over MQTTExporting And EmbeddingHow to serve files externally and fix CORS headersEmbedding PatchesExternal triggers / functionsEmbedding PatchesPreviewing / uploading exported cables patchescoding opsCreating AttachmentsGeneral op/Port CallbacksPortsDynamic PortsArray PortsBoolean portsInteger Number PortsObject PortsString portsTrigger PortsFloating Point Number PortsGUI/UI attributesHello Op - Part 1LibrariesDeveloping OpsGuidelinesObject PortsWriting ShadersWeb Audio Op DevelopmentHTML and CSS in cablesLightingLightsShadowsWorking with audioBasic Audio SetupWorking with EffectsReal-Time Audio Analyzation & Audio VisualizationOffline Audio Visualization & AnalyzationFAQEmbeddingHow to integrate my cables patch into my CMS (webflow/wix/squarespace/...)?How to remove grey rectangles on touch (mobile)?Why doesn't the DownloadTexture op work on iOS?How to disable page scrolling on mobile?Mobile tippsTransparent CanvasFeatures and SupportWill there be support for (animated) GIFs?Hot to report a bug in cablesGeneral questionsLicences and paymentWhat licence do i need to use cables?Will I have to pay for it in the future?How is my work licenced when using cables?Does cables support midi and OSC?ShadertoyTechnical questionsUI / EditorGuide to VR in cablesWebGL1 and WebGL2

Working with Effects

Now that we have a basic input-output chain going and hear sound being played, it is time to add effects. Cables offers a multitude of WebAudio effects. To add an effect to your audio, simply put one of the audio effect operators between your player and the output.

Audio effects in cables

Gain and Panning

You can raise and lower the volume of a sound by adding a Gain op.

If you want to pan your signal (moving it left or right in the stereo space), have a look at the AudioPanner op. Check its example patch to see how you can automate left-to-right movement.

Filters

If you want to filter your signal, attenuate or exagerate certain frequencies, there are multiple ops at your disposal. For simple equalizing tasks, the ThreeBandEqualizer op is recommended. It features three bands with different filter types. Have a look at the example for a more detailed explanation.

In addition to the ThreeBandEqualizer, we have a more "DJ-Style" filter operator, the CutFilter op. It features a low- and a highpass filter with different slope characteristics, similiar to a DJ mixer. Have a look at the example patch.

The last filter is the BiquadFilter. This filter is a single filter that features all availible filter types in the WebAudio standard. If you are looking for more advanced filters, then this is the op to go. Have a look at it's example patch.

IMPORTANT NOTE ON FILTER Q VALUES!!!: WATCH OUT FOR HIGH Q VALUES, THEY CAN CREATE LOUD AND UNPLEASANT FEEDBACK. ESPECIALLY WHEN WORKING WITH HEADPHONES ON LOUD VOLUMES THERE IS A POTENTIAL FOR EAR DAMAGE!!

Reverb & Delay

If you want to add a reverb to your sound and you are familiar with Convolution Reverb, you can use the Convolver op. Have a look at the example patch for more details. Cables also offers a Delay op you can use to add delay to an audio stream.

Here is an example of how a more complex effect chain could look like:

examplefx


help cables get better and edit this file on github