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

Pattern ARIA, temps vocalisé, transcription intégrée, et pas d'autoplay par principe.

Plus léger qu'une image

Entre 5 à 10 Ko gzippé, zéro dépendance, uniquement du natif.

À votre image

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

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 est prévu.

Une histoire qui reprend.

  1. 2006

    Dewplayer naît en Flash. Quelques kilo-octets pour lire un MP3 : il se glisse sur des milliers de blogs et de sites francophones dont certains très célèbres.

  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.