# Téléverser des pistes | Docs AudioDN

> Choisissez qui crée la session de téléversement et si vous utilisez les composants web AudioDN Uploader ou (voice) Recorder ou une interface web ou native personnalisée.

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

---

# Téléverser des pistes

Choisissez qui crée ou autorise la session de téléversement, puis — si votre serveur la crée — comment les fichiers sont transférés. La lecture est une décision distincte ; voir [Lire et accéder aux pistes](/docs/integration/playback).

#### Cycle de vie du téléversement par fichier

Une session de téléversement peut autoriser de nombreux fichiers, mais chaque fichier a besoin de sa propre piste et URL de téléversement. Créez la session, puis pour chaque fichier appelez `POST /v1/upload/{upload_session_id}/track` et envoyez les octets en `PUT` vers `track_upload.upload_url`. Incluez éventuellement un `track` imbriqué à la création de session pour le premier fichier. Référence complète : [Upload Sessions](/docs/api/upload-sessions).

## Téléverser des tracks

Choisissez qui crée l’upload session, puis — si nécessaire — comment les fichiers sont transférés. Les choix d’upload et de lecture sont indépendants.

Qui doit créer ou autoriser l’upload session ?

 Sélectionné Composants web AudioDN Uploader ou (voice) Recorder Configuration la plus rapide. Composants web avec une Client-Side Upload key limitée ; ils gèrent la création de session et le transfert. Le (voice) Recorder capture depuis le microphone. Sélectionné Votre navigateur ou application native Une Client-Side Upload key limitée. Votre app crée l’upload session et téléverse chaque fichier vers l’URL fournie.  Sélectionné Votre serveur Une API Access key sur votre serveur. Votre serveur applique l’autorisation spécifique à l’application et crée une upload session à courte durée de vie.

Comment l’utilisateur doit-il transférer les fichiers ?

 Sélectionné Composants web AudioDN Uploader ou (voice) Recorder Passez l’upload session créée côté serveur au composant web AudioDN Uploader ou (voice) Recorder. Sélectionné Interface d’upload personnalisée navigateur ou native Utilisez les informations d’upload fournies dans votre propre UI d’upload.

## AudioDN Uploader ou (voice) Recorder (composants web) avec une Client-Side Upload key

Configuration la plus rapide. Une Client-Side Upload key à portée limitée ; le composant crée la session et téléverse chaque fichier.

1

#### Créer une Client-Side Upload key

Dans le [dashboard](https://account.audiodeliverynetwork.com) allez à **Settings → API Keys** et créez une clé **Client-Side Upload**. Limitez-la éventuellement à une collection. Cette clé ne peut créer que des sessions de téléversement — pas lire ni supprimer des pistes.

2

#### Installer le composant web

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

Uploader :

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

Ou (voice) Recorder :

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

Alternatives CDN :

```
<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

#### Afficher le composant web

```
<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>
```

Si la clé est limitée à une collection, vous pouvez omettre `collection-id`. Ne définissez jamais à la fois `api-key` et `upload-session-id`.

4

#### Ce que fait le composant web

Pour chaque fichier, le composant crée (ou réutilise) une session de téléversement, appelle `POST /v1/upload/:upload_session_id/track`, et téléverse les octets vers `track_upload.upload_url`. AudioDN traite ensuite vos variantes configurées.

Optionnel : configurez un [webhook track-processing](/docs/webhooks/track-processing) pour savoir quand une piste est prête.