Get Started with ADN

Configure variants, upload audio, and start playing — in three steps.

Step 1

Configure Variants

When you upload audio to ADN, it's often in different formats, bitrates, or qualities that aren't ideal for consistent playback. Variants let you standardize each track into the formats and qualities your product needs — like high-quality streaming, low-bandwidth fallback, or clipped previews.

Beyond playback, variants can also generate waveform images, track analysis data, and more. You decide which variants to create up front, and ADN automatically generates them for every upload.

Original Upload

Any format, quality, or bitrate

song.wav • Lossless

ADN Processing

High Quality

256kbps MP3

Low Quality

96kbps MP3

Preview Clip

30s sample

Waveform

Visual data

Configure once, apply to every upload automatically

Step 2

Uploading Audio to ADN

Choose how you want to upload audio, then follow the steps below.

Drop-in web components with Client-Side API Keys. No backend required. View developer docs

Create a Client-Side Upload API Key

In ADN, go to Settings → API Keys and create a Client-Side Upload key.

Add the uploader component to your page

<script type="module" src="https://components.audiodelivery.net/uploader.js"></script>

<audiodn-uploader
  api-key="CLIENT-SIDE-UPLOAD-API-KEY"
  collection-id="COLLECTION-ID"
  accent-color="#ff00ff"
></audiodn-uploader>

Step 3

Playing Audio

Set up playback using the same integration path.

Drop-in web components with Client-Side API Keys. No backend required. View developer docs

Create a Client-Side Player API Key

Under Settings → API Keys, create a Client-Side Player key.

Add the player component to your page

<script type="module" src="https://components.audiodelivery.net/player.js"></script>

<audiodn-player
  api-key="CLIENT-SIDE-PLAYER-API-KEY"
  scope="collection"
  id="COLLECTION-ID"
  variant="hq"
  variants="hq,lq"
  size="large"
></audiodn-player>

Ready to start building?

View Docs Create Account