A battle of two of the hardest working editors in the game and the winner is all the DJs and the crowds we play for. Serg Sniper has been making party rocking edits since 2001 and we’re not even sure DJ AndOne was born by then but he’s ascended into the elite level at a frantic pace ever since joining the team back in 2018. It’s our great pleasure to feature two of our very own in a VS with a playlist where they handpicked some of their very favorite edits:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
All the best emo rock in one place as selected by DJ Transit featuring Fall Out Boy, My Chemical Romance, Twenty One Pilots and more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
An essential selection of tracks for all the DJs on the prom hustle this year:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Vocal only intros handcrafted by the team perfect for cutting, scratching, blending and getting extra creative:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Some of the biggest hits to ever come out of a country with a deep history of DJ friendly tunes featuring Disclosure, Ed Sheeran, Amy Winehouse, Elton John and more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Be the first on your block to break these new trending tracks featuring Amber Mark, JujuBoy Star, Rich Homie Quan and more as selected by HOT97’s DJ Stacks:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Brand new music to work into the mixshows featuring top priorities by Moneybagg Yo, Justin Bieber, Young Devyn and more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Get the corporate events turned up with these classics remade with the dance floor in mind perfect for the private event settings including timeless music from Boney M, The Temptations, Chic and many more:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
DJ Riz is a legend of the DJ world – one half of Crooklyn Clan (alongside his long-time partner Sizzahandz), with decades of experience behind the decks and in the studio.
We got to speak in depth with him over on the blog , and here he’s put together a selection of his greatest tracks!
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.
Turn the energy up to 100 with these handcrafted acapella break edits that are sure to turn some heads and set your sound apart featuring additional production by Serg Sniper, DJ Ronald & Luzquinos:
Select a Spotify Playlist
ARTIST
::
TITLE
BPM
KEY
YEAR
DOWNLOADS
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Loading remixes & edits...
No remixes/edits found.
Add to queue
Remove from queue
View Details
Copy Link
Mixable/Similar Tracks
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
Danceability
0.86
Energy
0.86
Popularity
0.86
Valence
0.86
response.json())
.then(data => {
similarSongs = data.success ? data.data : [];
isLoadingSimilarSongs = false;
});
// Load recommendations
if (currentTrack?.artist && currentTrack?.title) {
const formData = new FormData();
formData.append('action', 'get_spotify_recommendations');
formData.append('artist', currentTrack.artist);
formData.append('title', currentTrack.title);
fetch(hhMusicData.ajaxurl, {
method: 'POST',
body: formData
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
recommendations = data.success ? data.data.results : [];
isLoadingRecommendations = false;
})
.catch(() => {
isLoadingRecommendations = false;
});
} else {
isLoadingRecommendations = false;
}
} else {
isLoadingSimilarSongs = false;
isLoadingRecommendations = false;
}"
x-bind:id="'menu-' + currentTrack?.id"
:style="`position-anchor1: --result-${currentTrack?.id}`"
class="similar-popover w-full max-w-2xl bg-white/95 dark:bg-[#131522]/70 backdrop-blur-md text-zinc-900 dark:text-zinc-100 pb-0 mt-0 mx-auto md:m-auto popover-similar p-0 md:p-4 shadow shadow-2xl shadow-zinc-900/10 dark:shadow-zinc-900/50">
No mixable songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
No similar songs found.
Similar
= 1024 && (leaveTimeout = setTimeout(() => isOpen = false, 100))"
@mouseenter="window.innerWidth >= 1024 && leaveTimeout && clearTimeout(leaveTimeout)"
@keydown.esc.prevent="isOpen = false; openedWithKeyboard = false"
@click.outside="isOpen = false; openedWithKeyboard = false"
class="relative toggle-downloads lg:w-56">
= 1024 && (isOpen = true)"
@keydown.space.prevent="openedWithKeyboard = true"
@keydown.enter.prevent="openedWithKeyboard = true"
@keydown.down.prevent="openedWithKeyboard = true"
class="border-button inline-flex justify-center z-50 cursor-pointer items-center gap-2 whitespace-nowrap rounded-sm bg-zinc-100 px-2 min-w-8 min-h-8 lg:px-4 py-2 font-medium tracking-wide transition hover:opacity-80 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-700 dark:bg-zinc-700/30 transition-opacity duration-300 ease-in-out dark:focus-visible:outline-zinc-300"
:class="isOpen || openedWithKeyboard ? 'text-zinc-900 dark:text-zinc-100' : 'text-zinc-700 dark:text-zinc-300'"
:aria-expanded="isOpen || openedWithKeyboard"
aria-haspopup="true">
Downloads
= 2) ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : downloadRelease(release.id)"
>
= 2 ? $dispatch('notify', {content: 'Max downloads have been reached', type: 'error'}) : addToZipCrate(release)"
>
Premium content is available to members only. Please upgrade to access this content.