How to Visualize Your Rekordbox DJ Sets!

by SamfromSYQEL in Circuits > Software

693 Views, 1 Favorites, 0 Comments

How to Visualize Your Rekordbox DJ Sets!

1_-g9fhZ0dxE26-InRaoyV6g.png

Hey RekordBox 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 RekordBox! Let’s go over how.

Supplies

You’ll only need a few things.

1) A computer

2) Rekordbox Software

3) Google Chrome and a SYQEL account

4) (Windows Only) Virtual Audio Cable

5) (Mac Only) LoopBack Audio

Signing Up for SYQEL

0_CX7zqEPAZK9xCVXH.png

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.

Selecting Your Visual Engine

0_GB8eLmF-g9WjXHiQ.png

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.

Picking Out Your Visuals

0_WT8N7y4Jh5nITLvR.png
0_O2KqiRVYO30pSzxX.png
0_pv6qnWZ1NQHnF8LP.png

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.

Upload Your Watermarks

0_eJjS3WJQU7NWK16V.png

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.

Setting Up Frequency Reactiveness

0_5Y4TSDhfXP4Qy45D.png

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.

Setting Your Visualizer's Behavior

0_smgoAHa2OZpgR-Bk.png

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

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!

Setting Up Your Visual Engine

0_P8CMW2WyTird3CrY.png

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 Rekordbox.

Routing RekordBox's Audio to SYQEL (Windows)

0_CSjqWwuRPIj4fFGn.png

There are two main ways to route Rekordbox’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 Rekordbox’s audio preferences.

Setting RekordBox's Audio Preferences (Windows)

1_MQPqh-NEb-8qZ_GHAWrKSA.png
1_HnrzHGmCDj2kbpnWrJxT9A.png
1_Y7FTkJaV91E0w_OXqoqzeA.png

1: In RekordBox, navigate to the top left and select file, preferences (both windows and mac)

2: Select the audio menu.

3: Under “Audio” select either your Desktop Audio (i.e Realtek etc.) OR use a virtual audio cable (recommended) 


Let’s go over how to setup your virtual audio cable. 

Virtual Audio Cable (windows)

0_ErlS2ywiOue4aSHW.png

Download HERE

Once you have your cable installed (virtually!), the process is the same as above. Head to Rekordbox’s audio settings and select “virtual audio INPUT”, or “Line 1”.

We are almost ready to visualize our music.

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

0_rIcXtj3Flh-dJr9q.png

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

1: Select “Line 1” Virtual audio cable as your input. (Or virtual audio cable OUTPUT

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.

Setting Your Audio Source (MAC)

For users who are on Mac the process is much simpler. We just need to download Loopback

Loopback is an audio device that allows users on MAC to route their internal audio. Simply download loopback and install it. The process is much simpler, you do not need to mess with RekordBox’s audio settings. Simply create a new audio device within Loopback, and you are all set! 

We are ready to start visualizing our sets directly from Rekordbox!

Start Your Visualizer

0_82LqNfpsDmB-Htym.png
0_-OU-kFDEEKKVVK2H.png

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 Rekordbox. Simply hit Stop Visualizer to stop the visualization.


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

Streaming SYQEL With OBS

0_7CTLwRzUa3Q1XLzI.png
0__CitiMCfbOyKDrKW.png
0_kxD4_rQ8kvljAN0h.png

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.

2: Select Window Capture.

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

Go Fullscreen

0_b8w5yhsvMULIm0nX.png

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!

0_EKUkqPvbsgu4geZM.png

Now, with Audio coming from Rekordbox, your visual is started, and OBS is capturing 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.

Customizing Your Visual As It's Recording

0_R-wPMIVVChP7dj7g.png

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.

Finished!

There you have it!

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

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