How to Visualize Your Serato DJ Set

September 18, 2023 in Audio Visualizer



How to Visualize Your Serato DJ Set

Hey Serato users! Welcome to the world of visualizing your sets. You have most likely hired VJ’s, tried your hand at creating your own visuals, or something else! But with SYQEL, you can get mesmerizing audio visuals with 1 click of a button. SYQEL works seamlessly with Serato DJ!  Let’s go over how. 

Supplies 

You’ll only need a few things. 

1) A computer 

2) Serato DJ 

3) Google Chrome and a SYQEL account

4) (Windows Only) Virtual Audio Cable 

5) (Mac Only) Serato Audio Output MACOS

Step 1: Signing up for SYQEL 

First and foremost, we need to create a SYQEL account. Head over to syqel.com to get started and create a free account.  

Once you do, you will be greeted with the main page. SYQEL runs off your browser, so you don’t need to download anything.     

Step 2: Selecting Your Visual Engine 

SYQEL offers two different visualizer engines shown on the left-hand menu. The first is Three.js, which allows you to hand-pick pre-made visuals. The second is called Milkdrop, which cycles through hundreds of thousands of visuals automatically.

 

Today we’ll be using Three.js, so we’ll be able to pick out our visuals. 

To do so, click on the settings button in the top right menu. 

Step 3: Picking Out Your Visuals 

Once you click on the settings icon, you’ll be greeted with the settings page. 

This is where you can create a new visual playlist. 

1: Name a playlist or select an existing one.

2: Then, click on available visuals. Here you can scroll and see all the pre-made visuals you can use in your playlist.

3: When hovering over a visual it will animate to your microphone input.

4: Once you find a visual you like, simply click on it and it will automatically be added to your playlist.

Playlists automatically save any changes you make!

5. Next, head over to the selected visuals tab.

 

6. Here you can remove any visuals by clicking the small “x” on the top left of each visual or click and drag your visuals into whatever order you would like them displayed.  

Step 4: Upload Your Watermarks 

Next, head over to the watermarks section of the settings page.

1: You can upload up to 9 watermarks.

2: Choose their size and positioning.

3: Don’t forget to save your watermark settings at the bottom of the page!

You will be able to cycle through these once you have your visualizer started, so you don’t have to stop the visualizer to switch through your watermarks. 

Step 5: Setting Up Frequency Reactiveness 

This is an optional step!

If you would like to create different frequency reactiveness templates, for different styles of music, this is a very powerful tool to use!

To start click on the frequency reactiveness section of the settings page

This will determine how your visualizer reacts to the audio. If you only want the kick and bass to affect your visuals, you can set that here. You can save your settings as an audio preset, which we can then choose when we set up our visualizer engine. 

Step 6: Setting Your Visualizer’s Behavior 

Click on the visualizer behavior section of the settings page. You will see three options.Inserting image...

1: The framerate of your visuals. You can set this up to 244 frames per second.

2: How many seconds each visual lasts on screen before it cycles to the next visual in your playlist. 

3: How long the transition is to each visual. 

Make sure you save your settings at the bottom! 

Step 7: Setting Up Your Visual Engine 

Now you’ve created your first playlist and set your visuals frequency reactiveness and behavior. Our visuals are ready to go, we just need to set up our visualizer engine. 

First, let’s click on Three.js in the left-hand menu of SYQEL. You will then see 3 drop-down menus appear.

1: First is your audio input which we will go over in the next step. 

2: Second, you have your playlist selection. 

3: Third, your audio preset selection.

Let’s go over how to set up SYQEL to receive audio from Serato DJ. 

Step 8: Routing Serato’s Audio to SYQEL (Windows) 

There are two main ways to route Serato’s’ audio into SYQEL. 

1: First, if you are using Realtek Desktop Audio, that will show up here in the drop-down menu. 

2: We can use a Virtual Audio Cable.

Let’s go over how to set up Serato’s audio preferences. 

Step 9: Setting Serato’s Audio Preferences (Windows) 

1: In Serato DJ, navigate to the top right and select settings (both windows and mac)      

2: Select the audio menu.                  

3: Simply select “Make audio available to other applications.

 

This will prompt you to download a virtual audio cable, let’s go over how to set that up. 

Step 10: Virtual Audio Cable (windows) 

Download a virtual audio cable. They are easy to obtain, free, and open source.

 

Download HERE

Once you have your cable installed (virtually!), the process is the same as above. Head to Serato’s audio settings and select “Make audio available to other applications”.

We are almost ready to visualize our music. 

Step 11: Select Your Playlist, Audio Input, and Audio Preset in SYQEL (Windows) 

 Back in SYQEL, we need to select our parameters in our drop down menu.

1: Select “Line 1” Virtual audio cable as your input.

2: Then, select the playlist you created earlier. 

3: Finally, if you saved any audio presets in the frequency reactiveness menu, select those here as well.   

Before we start our visualizer, let’s go over how to route your audio on MacOS. 

Step 12: Setting Your Audio Source (MAC) 

For users who are on Mac the process is much simpler. When you click on “Make audio available to other applications” you will be prompted to download Serato Virtual Audio. Follow the given prompt and you are set to go!

 

We are ready to start visualizing our sets directly from Serato DJ!

Step 13: Start Your Visualizer 

Inserting image...

Once you have all three of your parameters selected, hit the Start Visualizer button to immediately begin the visualization. 

The visualizer will start reacting to your audio as soon as any audio is playing in FL Studio. Simply hit Stop Visualizer to stop the visualization. 

Inserting image...

Let’s go over how to strea your visuals via OBS. 

Step 14: Streaming SYQEL With OBS

 

 
I recommend using OBS to stream SYQEL. Download HERE. It’s super easy to set up. 

1:Launch OBS and create a new window capture source. 

Inserting image...

2: Select Window Capture.

3: Have Google Chrome be the source! You should see SYQEL in your new window source.
 

Step 15: Go Fullscreen 

Back in SYQEL we can go fullscreen.

1: Hide the toolbar by pressing the hotkey “h”. 

2: Click the full screen button at the top right.

3: Navigate to the top left and hit the menu button.

You are now fullscreen! OBS will be able to capture your visual full screen without any cropping. 

Now, we can start recording or streaming.

Step 16: Record Your Set / Stream your Set!

Now, with Audio coming from Serato, your visual is started, and OBS is recording SYQEL, we can hit the Start Recording or Start Streaming button in OBS! Your audio source in OBS should be the same as the audio source in SYQEL. So now you’re recording your music and your visuals with no latency. 

Step 17: Customizing Your Visual As It’s Recording 

 
Finally, if you want to cycle to the next visual, change watermarks, or disable your watermarks while you are recording, you can do so with the help of hotkeys! 

1: “Enter” will lock a visual in place, so it will not cycle to the next one in your playlist. 

2: “Spacebar” will cycle to your next visual in your playlist. 

3: “Backspace” will cycle to your previous visual in your playlist. 

4: “h” as we described earlier, will toggle the toolbar at the top on or off. 

5: “L” will toggle your watermarks on or off. 

  6: “0–9” will cycle through your uploaded watermarks.  

Step 18: Finished! 

 
There you have it! 

A complete guide for streaming and creating visualized sets, directly from Serato DJ. 

For a more in depth tutorial using SYQEL, check out the complete guide HERE.

Leave a Reply

Your email address will not be published. Required fields are marked *

Read More