# Tracks hochladen | AudioDN Docs

> Wählen Sie, wer die Upload-Session erstellt und ob Sie die AudioDN Uploader- oder (voice) Recorder-Webkomponenten oder eine eigene Web- oder native Oberfläche nutzen.

Source: https://audiodeliverynetwork.com/de/docs/integration/uploading/

---

# Tracks hochladen

Wählen Sie, wer die Upload-Session erstellt oder autorisiert, und — wenn Ihr Server sie erstellt — wie Dateien übertragen werden. Die Wiedergabe ist eine separate Entscheidung; siehe [Tracks abspielen und darauf zugreifen](/docs/integration/playback).

#### Upload-Lebenszyklus pro Datei

Eine Upload-Session kann viele Dateien autorisieren, aber jede Datei braucht einen eigenen Track und eine eigene Upload-URL. Erstellen Sie die Session, rufen Sie dann für jede Datei `POST /v1/upload/{upload_session_id}/track` auf und senden Sie die Bytes per `PUT` an `track_upload.upload_url`. Optional können Sie beim Erstellen der Session einen verschachtelten `track` für die erste Datei angeben. Vollständige Referenz: [Upload Sessions](/docs/api/upload-sessions).

## Tracks hochladen

Wählen Sie, wer die Upload session erstellt, und dann — falls nötig — wie Dateien übertragen werden. Upload- und Wiedergabe-Entscheidungen sind unabhängig.

Wer soll die Upload session erstellen oder autorisieren?

 Ausgewählt AudioDN Uploader- oder (voice) Recorder-Webkomponenten Schnellste Einrichtung. Webkomponenten mit einem begrenzten Client-Side Upload key; sie übernehmen Session-Erstellung und Dateiübertragung. Der (voice) Recorder nimmt über das Mikrofon auf. Ausgewählt Ihr Browser oder Ihre native Anwendung Ein begrenzter Client-Side Upload key. Ihre App erstellt die Upload session und lädt jede Datei zur bereitgestellten URL hoch.  Ausgewählt Ihr Server Ein API Access key auf Ihrem Server. Ihr Server wendet anwendungsspezifische Autorisierung an und erstellt eine kurzlebige Upload session.

Wie soll der Nutzer die Dateien übertragen?

 Ausgewählt AudioDN Uploader- oder (voice) Recorder-Webkomponenten Übergeben Sie die serverseitig erstellte Upload session an die AudioDN Uploader- oder (voice) Recorder-Webkomponente. Ausgewählt Eigene Browser- oder native Upload-Oberfläche Nutzen Sie die bereitgestellten Upload-Informationen in Ihrer eigenen Upload-UI.

## AudioDN Uploader- oder (voice) Recorder-Webkomponenten mit einer Client-Side Upload key

Schnellstes Setup. Eine eingeschränkte Client-Side Upload key; die Komponente erstellt die Session und lädt jede Datei hoch.

1

#### Eine Client-Side Upload key erstellen

Gehen Sie im [Dashboard](https://account.audiodeliverynetwork.com) zu **Settings → API Keys** und erstellen Sie einen **Client-Side Upload**\-Schlüssel. Optional auf eine Sammlung beschränken. Dieser Schlüssel kann nur Upload-Sessions erstellen — keine Tracks lesen oder löschen.

2

#### Die Webkomponente installieren

```
npm install @audiodn/components
```

Uploader:

```
import '@audiodn/components/uploader'
```

Oder (voice) Recorder:

```
import '@audiodn/components/recorder'
```

CDN-Alternativen:

```
<script type="module" src="https://unpkg.com/@audiodn/components@latest/dist/uploader.js"></script>
```

```
<script type="module" src="https://unpkg.com/@audiodn/components@latest/dist/recorder.js"></script>
```

3

#### Die Webkomponente rendern

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

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

Wenn der Schlüssel auf eine Sammlung beschränkt ist, können Sie `collection-id` weglassen. Setzen Sie niemals beides: `api-key` und `upload-session-id`.

4

#### Was die Webkomponente macht

Für jede Datei erstellt (oder wiederverwendet) die Komponente eine Upload-Session, ruft `POST /v1/upload/:upload_session_id/track` auf und lädt die Bytes nach `track_upload.upload_url` hoch. AudioDN verarbeitet anschließend Ihre konfigurierten Varianten.

Optional: konfigurieren Sie einen [track-processing-Webhook](/docs/webhooks/track-processing), um zu erfahren, wann ein Track bereit ist.