“It's more than just a visualizer; it's a pivotal element in building a unique brand and elevating musical experiences.”
Will Vance
Managing Editor, Magnetic Magazine
Music Visualizer for Algoriddim DJAY Pro
Connecting audio responsive music visuals to Algoriddim DJAY Pro has never been easier!
Packed with over 50,000 music visuals, SYQEL instantly turns your music into a mesmerizing audio visual experience.
Fully automated audio responsive visuals that improves your performance instantly!
Simple Keyboard Hotkeys
Optimize the visual experience to highlight and compliment your music sets.
Zero Learning Curve
Save hundred of hours learning complicated software. Simply click Start Visualizer & We'll do the rest!
Milkdrop & ThreeJs Feeds
Visualize your music with over 50,000 Milkdrop visuals and hundreds of ThreeJS shaders
Many DJs are used to using professional tools to create audio responsive visuals for their live sets, however this takes a lot of time and practice. You could hire someone else to do visuals, but that can create a hole in your wallet.
We created SYQEL to allow users to easily utilize audio responsive visuals. SYQEL is able to visualize your music, in browser, with the press of one button. Music visualization has never been easier. We’re going to show you step by step how to route Algoriddim DJ Pro’s audio to SYQEL, so visualizing your full sets is easier and more fun.
SYQEL Overview
First and foremost, create a SYQEL account and login to get to the main visualization page. Let’s quickly do an overview of SYQEL before we get into how to route Algoriddim’s audio. On the left-hand side is our visualization control menu. You will see two options: Threejs and milk drop. These are both visualization engines. Threejs allows you to use visual playlists that you can create from hand-made visualizers, we’ll go through those later. And milk drop will automatically cycle through tens of thousands of trippy visuals.
You can get to your settings, hotkey menu, and user settings at the top right.. As an overview, here you will be able to access the playlist creator, visual reactiveness, marquee text, and more.
Setting Up Algoriddim DJ Pro’s Audio
Before we really dive into all of SYQEL’s settings and options, we first need to know how to route Algoriddim’s audio to SYQEL. So, open up Algoriddim and head to the top left to select your audio settings.
Here we can select our driver type. For users on windows, select WASAPI as your audio driver. Then, for output we can either choose our default desktop audio, or any virtual audio cables we have installed. For users on macos, we just need to install Loopback, a program that allows us to route audio from programs like Algoriddim DJ Pro into SYQEL.
Great, now we are ready to go back to SYQEL, and select our audio input. Click on the visual engine you want to use on the left-hand side. Both engines will allow you to select your audio input. For users on windows, we will select our Line 1 (virtual audio cable) or desktop audio as our input. For users on macos, select Loopback Audio. It’s that easy!
Creating Visual Playlists
Now that we know how to correctly route our audio from Algoriddim to SYQEL, let’s go over how to create visual playlists to use in the Three.js visual engine.
Click on the settings icon at the top right, you will then see all of the options.
Navigate to the first option, visual playlists.
Here, we can create and edit playlists of visuals that you can choose from. Simply name your new playlist, and hit create new. Or you can select and rename playlists you have already created.
Then, hit next or go to available visuals. Here we can preview all of the audio-responsive visuals available to you. Simply hover over them with your mouse and speak into your microphone to preview how the visual responds. Then, click on any that you would like to add to your playlist.
Now we can head to selected visuals. Here we can view all of the visuals we chose. We can re-order them by clicking and dragging them, or remove any by clicking the small “x” at the top right of each one.
Now you’ve created your very first visual playlist! Now, let’s check out SYQEL’s other settings and options.
SYQEL Watermark Settings
If you are a paid user, you can add in up to 9 of your own watermarks to be displayed on the visualizer as it is going.
Here, you can simply drag and drop your images to upload them. Then, under each one, you can adjust the size and positioning. Don’t forget to save your settings at the bottom!
Great, now let’s move on to the Frequency Reactiveness Settings.
Frequency Reactiveness Settings
On the third menu, we can utilize the frequency reactiveness settings.
Here, we can set an equalizer to affect the incoming audio in SYQEL. In simpler terms, we can tell SYQEL what frequency ranges to respond to. For example, the low frequencies would be the kick and bass. The mid frequencies usually include synthesizers, instruments, and vocals. The high frequencies might include hi-hats and cymbals. So here, we can tell SYQEL which ranges to respond to.
First, we can upload an mp3 or enable our microphone to preview how the equalizer is changing the incoming audio.
Then, we have access to 8 sliders. The first two applies a bandpass filter to the audio. A bandpass filter is an effect that only allows certain frequencies to be heard. The first slider changes the frequency of the bandpass filter, while the second slider adjusts how much the filter is being applied. This is great for isolating certain parts of your audio like the kick and bass.
The next three sliders affect the overall equalizer. The first of these three affects the gain (or volume) of the low frequencies. The second of the three affect the gain of the mid frequencies, and the third affects the gain of the high frequencies.
The last three sliders affect the resonance or intensity of the three previous sliders. The first one affects the low frequencies, the second one affects the mid frequencies, and the last one affects the high frequencies.
Finally, we can name and save our settings as an audio preset at the bottom. We can also load and edit any previous presets we have created. We will be able to apply these in the visualization control menu.
Now let’s go over the Visualizer Behavior Options.
Visualizer Behavior Options
In the visualizer behavior settings, we can set the framerate of the visuals, the time a visual lasts on screen
Now let’s head to the Marquee Text Options.
Marquee Text
Here we can write text that can be displayed while the visualizer is going. We can also choose the size of the text.
We can then choose a color for the text.
Then we can choose what position the text will be shown. As well as the font and what direction (right to left or left to right) the text will be displayed. Don’t forget to save your settings!
Now let’s go over the multicast settings.
Multicasting
If you are an Elite user of SYQEL, you have access to multicasting. Here you will see a URL shown that will stream the visualizer as it’s going to any other device with access to a browser. This is really useful if you want to display the visualizer on separate displays like TV’s or 2nd monitors.
Those are all of SYQEL’s settings and options. Now let’s go through the Hotkeys available to you!
Hotkeys
To see all of the hotkeys, click on the keyboard icon at the top right of the homepage.
There are a multitude of hotkeys available to you that affect the visualizer experience. Let’s go through them now:
1: Space – Cycle to the next visual in the playlist.
2: Backspace – Cycle to the previous visual in the playlist.
3: Enter – Lock/Unlock the current visual in place.
4: H – Hide the top toolbar.
5: L – Toggle your uploaded watermarks on/off.
6: 0-9 – Cycle between your uploaded watermarks.
7: M – Toggle your Marquee text on/off.
Starting the Visualizer
Now that we have gone through all of SYQEL’s settings and options, we can set-up our visualizer and get things started! First, let’s choose our visualizer engine. On the left-hand side we can choose Three.js or Milkdrop. Three.js allows us to select the visual playlist we created earlier, and milkdrop will cycle through tens of thousands of visuals.
Under each engine we can select our audio input that we figured out earlier. Then (in the three.js engine) we can select the playlist we created earlier. Finally we can also select any audio presets we’ve created.
Finally, we can simply hit Start Visualizer to immediately see results! As long as we have audio coming in from Algoriddim, we will immediately see the visualizer responding to the audio.
Visualizing your music from Algoriddim has never been easier. You now know how to navigate SYQEL and utilize amazing audio-responsive visuals. We still have a few more tips and tricks!
Recording and Streaming SYQEL
Recording and streaming SYQEL +Algorddim DJ Pro only takes a few more steps. To be able to do this, we recommend downloading and installing OBS, a screen recording software.
Within OBS, we need to make sure our audio source is the same input as the one we used in SYQEL. So, within OBS’s audio sources, select the 3 dots next to your “desktop audio” and click on properties.
Then, select the same audio source we used when routing Algoriddim’s audio to SYQEL. This should be your virtual audio cable or default desktop audio. For users on mac, this should also be your “core audio” since loopback is capturing the audio.
Great, now we need to create a new window source. You can do this in the sources window by clicking on the “+” button.
Select “window capture” and when prompted, choose the window that SYQEL is displayed on.
Now you are able to screen record SYQEL! Simply hit “start recording” or “Start Streaming” to begin!
Now you can utilize audio-responsive visuals with audio coming straight from Algoriddim DJ Pro!