README.md

---
title: MP3 Player
emoji: 🎵
colorFrom: gray
colorTo: pink
sdk: static
pinned: false
license: mit
language:
- fr
- en
tags:
- audio
- audio-player
- music-player
- playlist
- music
- web-audio
- mp3player 
- ipod
- vintage
- nostalgia
- pixel-art
- drag-and-drop
- music-tools
- vanilla-js
- html
- browser-only
- no-server
- serverless
- no-dependencies
- creative-tools
- multilingual
- french
- english
short_description: MP3 audio player — playlist, drag & drop, browser
---

# 🎵 Retro Player

[![HF Space](https://img.shields.io/badge/🤗%20Space-Retro--Player-pink)](https://huggingface.co/spaces/ArtelTaleb/retro-player)
[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
[![Vanilla JS](https://img.shields.io/badge/Vanilla-JS-yellow)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-☕-yellow)](https://buymeacoffee.com/artel3d)

---

## 🇫🇷 Français

**Retro Player** est un lecteur audio playlist dans un shell **iPod rétro** — fichier HTML unique, aucune dépendance, fonctionne directement dans votre navigateur. Nostalgie garantie.

### ✨ Fonctionnalités

- 🎵 **Playlist complète** — ajoutez autant de fichiers audio que vous voulez
- 📂 **Drag & drop** — glissez vos fichiers directement sur l'iPod
- ⏯️ **Contrôles à la molette** — Play/Pause · Précédent · Suivant · Shuffle
- 🔀 **Mode aléatoire** — lecture en shuffle
- 🖥️ **Design iPod rétro** — shell pixel-art fidèle à l'original
- ⚡ **Zéro dépendance** — un seul fichier HTML, fonctionne offline

### 🚀 Utilisation

1. Ouvrez l'app dans votre navigateur
2. Glissez vos fichiers MP3/WAV/FLAC sur l'iPod **ou** cliquez `+ADD`
3. Naviguez à la molette : ▶/II · I◀◀ · ▶▶I · MENU (shuffle)

### 🔐 Confidentialité

Vos fichiers audio ne quittent jamais votre navigateur — aucun upload, aucun serveur.

---

## 🇬🇧 English

**Retro Player** is a playlist audio player in a **retro iPod shell** — single HTML file, no dependencies, runs directly in your browser. Pure nostalgia.

### ✨ Features

- 🎵 **Full playlist** — add as many audio files as you want
- 📂 **Drag & drop** — drop your files directly onto the iPod
- ⏯️ **Wheel controls** — Play/Pause · Previous · Next · Shuffle
- 🔀 **Shuffle mode** — random playback
- 🖥️ **Retro iPod design** — pixel-art shell faithful to the original
- ⚡ **Zero dependency** — single HTML file, works offline

### 🚀 Usage

1. Open the app in your browser
2. Drag your MP3/WAV/FLAC files onto the iPod **or** click `+ADD`
3. Navigate with the wheel: ▶/II · I◀◀ · ▶▶I · MENU (shuffle)

### 🔐 Privacy

Your audio files never leave your browser — no upload, no server.

---

## 🛠️ Stack

| Technologie | Usage |
|---|---|
| Vanilla HTML / CSS / JS | UI iPod rétro + logique playlist |
| Web Audio API | Lecture audio native navigateur |
| [VT323](https://fonts.google.com/specimen/VT323) | Police rétro LCD |

---

## 🔗 Related Spaces

- [🎵 Retro 6STEMS](https://huggingface.co/spaces/ArtelTaleb/retro-6stems) — Séparateur audio 6 stems (Demucs)
- [🌖 Generator 3000](https://huggingface.co/spaces/ArtelTaleb/generator-3000) — Générateur d'images IA rétro (FLUX · SDXL)
- [📚 BiblioScan](https://huggingface.co/spaces/ArtelTaleb/BiblioScan) — Localisez vos livres avec Gemini Vision AI
- [🎨 Canva3D](https://huggingface.co/spaces/ArtelTaleb/canva3d) — Visualiseur 3D interactif de Gaussian Splats