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 -->
<scripttype="module"src="https://cdn.jsdelivr.net/npm/dewplayer"></script>
<dew-playersrc="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 : personne ne reste sans rien.
Accessible
Pattern ARIA, temps vocalisé, transcription intégrée,
et pas d'autoplay par principe.
Plus léger qu'une image
Entre 5 et 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.
En cours de développement — v2
Pensé pour les podcasts.
La prochaine version fait de Dewplayer un vrai player d'émissions :
Playlists déclarées en HTML (<dew-track>)
ou chargées en JSON, avec navigation au clavier et épisodes marqués comme écoutés.
Pochettes globale et par épisode, affichées dans le player
comme hors du navigateur, grâce à la Media Session API :
l'interface native par laquelle votre téléphone (écran verrouillé), vos écouteurs
ou votre autoradio affichent le titre, la pochette et les commandes de lecture.
Reprise exacte : chaque épisode retient sa position,
et votre vitesse de lecture préférée est mémorisée.
Chapitres et partage horodaté pour pointer le passage
précis d'une émission.
La playlist, en avant-première.
La v2 embarquera tout ceci nativement. En attendant, cette démonstration
pilote le player actuel depuis la page : choisissez un épisode,
l'enchaînement se fait tout seul.
En France, l'accessibilité des sites publics et des grandes entreprises
est une obligation légale. Aucun player majeur ne coche toutes les cases
du RGAA — c'est précisément pour ça que Dewplayer existe.
Construit sur le pattern ARIA officiel des players multimédia
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
Espacelecture / pause
←→± 5 s
⇞⇟± 15 s
↑↓volume
DébutFinextrémités
Votre marque, pas la nôtre.
Les variables traversent le Shadow DOM : réglez, écoutez, copiez —
le CSS généré est prêt à coller. Les contrastes sont vérifiés en direct,
pour un thème joli et conforme.
Voir la galerie de thèmes →
Aperçu en direct — testez au clavier
Extrait instrumental sans paroles, composé pour cette démonstration.
Contrastes (RGAA 3.2 / 3.3)
Votre thème, prêt à coller
Galerie de thèmes.
Des thèmes prêts à copier et des exemples d'intégration en situation réelle
arrivent ici prochainement.
En attendant, le configurateur vous permet déjà
de composer le vôtre — contrastes vérifiés en direct.
Une histoire qui reprend.
2006
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.
2017
Flash s'éteint, et Dewplayer avec lui. Le web a gagné des standards —
mais les players accessibles restent introuvables.
2026
Renaissance en Web Component natif : sans plugin, sans framework,
et cette fois, accessible à toutes et à tous. La boucle est bouclée.
