Web component audio · bientôt vidéo

Le player qui joue
pour tout le monde.

Quelques Ko, zéro dépendance.
Accessible et conforme RGAA.
Thème sur mesure en quelques variables CSS.
Une balise HTML, et c'est en ligne.

Télécharger l'extrait (MP3)

Extrait instrumental sans paroles : arpèges doux sur nappe grave, composé pour cette démonstration. Durée : 14 secondes.

Ce player est le vrai composant, pas une image. Essayez-le au clavier : Tab puis Espace.

Une balise. C'est tout.

<!-- via CDN, sans build -->
<script type="module" src="https://cdn.jsdelivr.net/npm/dewplayer"></script>

<dew-player src="episode.mp3" media-title="Épisode 12"></dew-player>

Ou npm install dewplayer — fonctionne tel quel dans WordPress, Vue, React, Astro ou une page HTML de 2004. Sans JavaScript, vos visiteurs voient un lien de téléchargement.

Accessible, vraiment

Pattern ARIA officiel, temps vocalisé (« 2 minutes 5 sur 48 minutes »), transcription intégrée, et pas d'autoplay — par principe. La grille d'audit RGAA est publiée, critère par critère.

Plus léger qu'une image

5,9 ko gzippé, zéro dépendance. Le budget de taille est vérifié à chaque commit : s'il dépasse 20 ko, la CI casse. Promis, mesuré.

À votre image

Trois variables CSS suffisent pour l'accorder à votre charte. ::part() pour aller plus loin, thèmes prêts à l'emploi pour aller plus vite.

Conforme. Pas « presque conforme ».

En France, l'accessibilité des sites publics et des grandes entreprises est une obligation légale.

  • Focus toujours visible, cibles tactiles de 44 px minimum
  • Contrastes AA garantis sur tous les thèmes fournis
  • prefers-reduced-motion respecté — comme sur cette page

Votre marque, pas la nôtre.

Les variables traversent le Shadow DOM : pas de !important, pas de fork, pas de larmes.

dew-player {
  --dew-accent: #7c2d8e;
  --dew-radius: 1.5rem;
  --dew-font: Georgia, serif;
}

Un configurateur visuel arrive sur cette page — avec vérification des contrastes en temps réel, évidemment.

Une histoire qui reprend.

  1. 2005

    Dewplayer naît en Flash chez Alsacréations. Quelques kilo-octets pour lire un MP3 : il se glisse sur des milliers de blogs et de sites francophones.

  2. 2017

    Flash s'éteint, et Dewplayer avec lui. Le web a gagné des standards.

  3. 2026

    Renaissance en Web Component : sans plugin, sans framework, et cette fois, accessible à toutes et à tous, nativement.