> ## Documentation Index
> Fetch the complete documentation index at: https://developers.namuai-lab.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Construire un interprète haoussa ⇄ français
> Une page web où une personne parle haoussa, l’autre entend du français, et inversement.
12 min
Construire un interprète haoussa ⇄ français
**Ce que vous allez construire :** une application web d’une seule page avec deux boutons, l’un pour passer du haoussa au français, l’autre du français au haoussa. Maintenez un bouton, parlez, relâchez : la page affiche ce qui a été compris et la traduction, puis la lit à voix haute. Un seul appel d’API par tour.
**Ce qu’il vous faut :** Node 23.6 ou plus récent pour exécuter directement le fichier `.ts` (ou compilez-le), `npm install express multer namu-ai` ([bibliothèque JavaScript](https://developers.namuai-lab.com/fr/sdks/javascript.md)), et la variable `NAMU_API_KEY` définie.
**1. Le serveur**
Il reçoit l’enregistrement du navigateur, appelle `/v1/translate` avec `include_audio`, et renvoie le résultat. La clé ne le quitte jamais.
```typescript server.ts theme={"theme":{"light":"github-light","dark":"github-dark"}}
import express from "express";
import multer from "multer";
import { Namu, NamuError } from "namu-ai";
const app = express();
const upload = multer({ limits: { fileSize: 25 * 1024 * 1024 } });
const namu = new Namu();
app.use(express.static("public"));
app.post("/translate", upload.single("file"), async (req, res) => {
const source = req.body.source === "fr" ? "fr" : "ha";
const target = source === "ha" ? "fr" : "ha";
try {
const result = await namu.translate({ audio: req.file!.buffer }, { source, target, includeAudio: true });
res.json({ heard: result.source_text, text: result.text, audio: result.audio });
} catch (err) {
const type = err instanceof NamuError ? err.type : "unavailable";
res.status(err instanceof NamuError ? err.status : 502).json({ error: type });
}
});
app.listen(3000, () => console.log("http://localhost:3000"));
```
**2. La page**
Le navigateur enregistre avec `MediaRecorder` (WebM Opus), que l’API lit tel quel.
```html public/index.html theme={"theme":{"light":"github-light","dark":"github-dark"}}
Interpreter
```
**3. Le lancer**
```bash theme={"theme":{"light":"github-light","dark":"github-dark"}}
node server.ts
```
Ouvrez `http://localhost:3000`, autorisez le micro, maintenez un bouton et parlez.
## Avant que de vraies personnes s’en servent
* Placez votre propre système de connexion devant `/translate`, sinon quiconque trouve la page consomme votre quota.
* Affichez `heard` pour que les deux personnes voient ce qui a été compris : c’est souvent là que commence un malentendu.
* Pour les conversations de santé, juridiques ou d’argent, gardez un interprète humain dans la boucle.
## Pour aller plus loin
> [card] [Traduction](https://developers.namuai-lab.com/fr/capabilities/translation.md)
>
> Toutes les options
> [card] [Concevoir pour les réseaux faibles](https://developers.namuai-lab.com/fr/guides/weak-networks.md)
>
> Faites-le fonctionner en 3G
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.