Music player, web radio et fil d'info MUSIQUE

Présentation

De la musique et tout ce qui s'en approche !

En mode mobile vous avez accès à chaque catégorie par un insert au milieu droit de l'écran

Je vous propose 28 services au





 

Music Player

Abdessamad Zakari

- Nécessite absolument: stopExecutionOnTimeout - 1b93190375 e9ccc259df3 a57c1abc0e64599724 ae30d7 ea4c6877 eb615f89387.js

Caractéristiques

  • CSS, JS, rien d'autre
  • Tout ce qui est proposé fonctionne sauf la fonction "plus loin dans un morceau"
  • Il est aisé de rajouter un morceau
  • Player très 'propre' !
  • Allemagne

Image cliquable pour voir l'exemple

music player en CSS et Javascript seulement

Références

Site web

[Créé / modifié] [10-04-2022 / 10-04-2022]

Bhardwaj Saransh

Caractéristiques

  • CSS, JS, rien d'autre
  • Fonction 'repeat' et règlage du son efficientes
  • Image associée à la chanson
  • Page détail et "j'aime" à développer
  • Très joli player !
  • Khitaura KundanUttar, Pradesh, Inde

Image cliquable pour voir l'exemple

music player moderne et gratuit

Références

Site web

[Créé / modifié] [07-01-2022 / 07-01-2022]

Cameron

Caractéristiques

  • CSS, JS, Vue.js
  • Fonction 'repeat'
  • Un seul morceau de musique en écoute
  • À couper en deux pour qu'il tienne sur mobile à défaut de le rendre responsive
  • Fonctionne parfaitement

Image cliquable pour voir l'exemple

audio player HTML5 avec CSS, JS et vue.js

Références

Site web

[Créé / modifié] [25-01-2022 / 25-01-2022]

Carlsson Emil

Caractéristiques

  • CSS, JS, jQuery, jCarousel.js, Hoy3lrg.js (police)
  • Image associée à la chanson
  • Menu général (haut gauche) et menu détails de la chanson (haut droit) prêts
  • Fonctions des icônes (ligne du bas) à développer
  • Excellent !
  • Jönköping, Suède

Image cliquable pour voir l'exemple

music player avec toutes les fonctions

Références

Site web

Site de l'auteur

[Créé / modifié] [18-01-2022 / 18-01-2022]

Coding With Nick

Caractéristiques

  • CSS, JS, rien d'autre
  • En cliquant sur le bouton, en bas à droite, s'affiche la liste des titres disponibles
  • Superbe !
  • Inde

Image cliquable pour voir l'exemple

music player gratuit

Références

Site web

[Créé / modifié] [16-11-2021 / 16-11-2021]

Erdem Muhammed

Caractéristiques

  • CSS, JS, Vue.js
  • La position de l'image rouge s'adapte à la taille de l'écran
  • Il y a un lien prévu vers la vidéo Youtube
  • Turquie

Image cliquable pour voir l'exemple

music player gratuit

Références

Site web

lien Github

[Créé / modifié] [16-11-2021 / 16-11-2021]

Grandvincent Marion

Caractéristiques

  • CSS, JS, jQuery, Mediaelementandplayer (CSS+JS)
  • Un seul morceau de musique en écoute
  • Jolie présentation
  • Paris

Image cliquable pour voir l'exemple

simple lecteur mp3

Références

Site web

[Créé / modifié] [02-03-2022 / 02-03-2022]

Hovanesyan Greg

Caractéristiques

  • CSS, JS, rien d'autre
  • Simple lecteur mp3
  • Un seul morceau de musique en écoute
  • Parfait

Image cliquable pour voir l'exemple

audio player HTML5 avec CSS et JS

Références

Site web

[Créé / modifié] [25-01-2022 / 25-01-2022]

Johnson Chris

Caractéristiques

  • CSS, JS, Gsap.js
  • Simple lecteur mp3
  • Un icône qui fait tout : Lance l'écoute; Stoppe; Indique le niveau de sortie du son
  • Code propre et clair
  • Blair, NE, USA

Image cliquable pour voir l'exemple

audio player HTML5

Références

Site web

[Créé / modifié] [18-01-2022 / 18-01-2022]

Katz Alexander

Caractéristiques

  • CSS, JS, rien d'autre
  • Voir le tutoriel, ci-dessous, sur le site de l'auteur
  • Ce tutoriel n'est pas récent mais donne simplement tous les éléments pour réaliser un player audio
  • Austin, Texas, USA

Image cliquable pour voir l'exemple

music player HTML5 gratuit

Références

Site web

Site de l'auteur + tuto

[Créé / modifié] [02-03-2022 / 02-03-2022]

Kirkby Ozzie

Caractéristiques

  • CSS, JS, rien d'autre
  • Le mode piste suivante ne fonctionne pas
  • Canada

Image cliquable pour voir l'exemple

music player gratuit

Références

Site web

Site de l'auteur

Voir pour la présentation

[Créé / modifié] [16-11-2021 / 16-11-2021]

K. Ivan

Caractéristiques

  • CSS, JS, rien d'autre
  • Player 'collé' en bas d'écran
  • Tout fonctionne parfaitement sauf la fonction 'morceau aléatoire'
  • Le fonctionnement de 'Add new songs' n'est visible qu'après avoir cliqué sur l'icône 'liste' tout en bas à droite
  • Les paramètres affichés au dessus du player sont bien entendu là pour information

Image cliquable pour voir l'exemple

music player en HTML5

Références

Site web

[Créé / modifié] [10-04-2022 / 10-04-2022]

Lamaj Nerios

Caractéristiques

  • CSS, JS, jQuery
  • Quand on clique sur l'icône hamburger en haut à gauche, s'affiche toutes les musiques disponibles. La trasition est très bien réalisée
  • Seule la touche "Play" est fonctionnelle
  • Très joli player
  • Tirana, Albanie

Image cliquable pour voir l'exemple

tres joli music player

Références

Site web

[Créé / modifié] [25-01-2022 / 25-01-2022]

Shameem

Caractéristiques

  • CSS, Animate.css, ?ormalize.css, JS, Vue.js, Feather.js
  • Tout fonctionne sur cette proposition y compris le menu hambuger qui permer un accès direct aux morceaux
  • Très joli player
  • Kerala, Inde

Image cliquable pour voir l'exemple

tres joli music player gratuit

Références

Site web

Site de l'auteur

[Créé / modifié] [01-05-2022 / 01-05-2022]

Singh Himalaya

Caractéristiques

  • CSS, JS, jQuery
  • Quand on clique sur 'play' la partie haute s'ouvre et indique les caractéristiques du morceau, de plus l'image du CD se met à tourner
  • Très joli player
  • Inde

Image cliquable pour voir l'exemple

music player gratuit

Références

Site web

[Créé / modifié] [16-11-2021 / 16-11-2021]

Springsteen Holly

Caractéristiques

  • CSS, JS, Lodash.js
  • Liste avec menu déroulant en pleine page. très pratique
  • Super player
  • Austin, Texas, USA

Image cliquable pour voir l'exemple

tableau music player gratuit

Références

Site web

[Créé / modifié] [16-11-2021 / 16-11-2021]

Stroman Craig

- Necessite, impérativement :
"stopExecutionOnTimeout - 1b93190375 e9ccc259df3 a57c1abc0 e64599724 ae30d7ea4c6877 eb615f89387.js"

- Seules les 4 premières chansons sont chargées, donc écoutables

Caractéristiques

  • CSS, JS
  • Présentation très simplifiée
  • Fonctionne très bien
  • Long à charger pour 10 fichiers mp3
  • Washington, D.C., USA

Image cliquable pour voir l'exemple

tableau music player gratuit

Références

Site web

Site de l'auteur

[Créé / modifié] [05-02-2022 / 05-02-2022]

Watkins Joe

Caractéristiques

  • CSS, Normalize.css, JS, jQuery
  • HTML5 Audio player
  • Portland, Oregon, USA

Image cliquable pour voir l'exemple

audio player

Références

Site web

Site de l'auteur

[Créé / modifié] [17-05-2022 / 17-05-2022]

 

Radio Player

LeyraRJ

Leyra RJ

- Nécessite, impérativement :
"stopExecutionOnTimeout - 1b93190375e9 ccc259df3a57 c1abc0e64599724ae30d7 ea4c6877 eb615f89387.js"

Caractéristiques

  • CSS, JS, Howler.js
  • Seules les radio suffixées par 'premium' peuvent être écoutées
  • Pour lancer une radio il faut cliquer sur la ligne. Pour l'arrêter il faut cliquer à nouveau sur la même ligne
  • Victoria B.C, Canada

Image cliquable pour voir l'exemple

radio player en HTML5

Références

Site web

[Créé / modifié] [05-02-2022 / 05-02-2022]

Stoik Tiffany

- Nécessite, impérativement :
"stopExecutionOnTimeout - 1b93190375 e9ccc259df3a57 c1abc0e64599724ae30d7 ea4c6877 eb615f89387.js"

Caractéristiques

  • CSS, JS
  • Vintage radio
  • Pour lancer l'écoute il faut cliquer sur le bouton bleu, en bas à droite
  • Las Vegas, Névada, USA

Image cliquable pour voir l'exemple

radio player vintage

Références

Site web

Site de l'auteur

[Créé / modifié] [18-02-2022 / 18-02-2022]

Zenisek Chad

- Source: Iowa Public Radio News

Caractéristiques

Image cliquable pour voir l'exemple

radio player en MDL HTML5

Références

Site web

[Créé / modifié] [07-01-2022 / 07-01-2022]

 

Web Radio

Fip - Web radio + flux RSS par Web Soluces

- Un site du groupe Radio france. Avec l’application de Fip, écoutez de la musique gratuitement et en illimité.

Caractéristiques

  • Découvrez la sélection fip, l'album jazz de la semaine, le classique du mois, le coup de cÅ“ur du jour, etc...
  • Sachez sortir, aller au cinéma,au concert, à la danse, voir exposition, choisir de la littérature, aller au festival, au théâtre
  • Différentes webradios : Electro, rock, jazz, groove, monde, reggae

Image cliquable pour voir l'exemple

web radio Fip

Références

Site web

telechargement sur iTunes telechargement sur GooglePlay

[Créé / modifié] [02-08-2018 / 18-10-2021]

 

Divers

Burak Yasin - Vidéo player

Caractéristiques

  • CSS, JS, jQuery
  • HTML5 vidéo player
  • Pas récent non plus mais tout est là pour commencer
  • Istanbul, Turquie

Image cliquable pour voir l'exemple

HTML5 video player avec jQuery

Références

Site web

[Créé / modifié] [02-03-2022 / 02-03-2022]

Hovanesyan Greg (2) - Xylophone

Caractéristiques

  • CSS, JS, jQuery
  • Jouez du xylophone
  • Pas responsive, quel dommage !

Image cliquable pour voir l'exemple

Xylophone

Références

Site web

[Créé / modifié] [05-01-2022 / 05-01-2022]

Hovanesyan Greg (3) - Guitar, blues

Caractéristiques

  • CSS, JS
  • Jouez du blues ou du rock avec une guitare, voire avec un accompargnement
  • Pas responsive, quel dommage !

Image cliquable pour voir l'exemple

Guitar, blues

Références

Site web

[Créé / modifié] [05-01-2022 / 05-01-2022]

Saginashvili David - Vieux poste radio

Caractéristiques

  • CSS, JS, jQuery, Gsap
  • Comme dans l'temps !!!
  • Pas responsive, quel dommage !
  • Tbilisi, Georgie

Image cliquable pour voir l'exemple

vieux poste de radio

Références

Site web

Site de l'auteur

[Créé / modifié] [16-11-2021 / 16-11-2021]

Stanley Lena - Tourne disque

Caractéristiques

  • CSS, JS, rien d'autre
  • Il faut cliquer sur le bras pour arrêter/lancer la musique
  • Réglage du volume
  • Un petit bug tout de même. Si on laisse le morceau se terminer les fonction s'inversent: La musique se joue le bras au repos et vice-versa
  • Grande-Bretagne

Image cliquable pour voir l'exemple

tourne disque

Références

Site web

Site de l'auteur

[Créé / modifié] [17-05-2022 / 17-05-2022]

Tadaima Studio - Vidéo player

Caractéristiques

  • CSS, JS, rien d'autre
  • HTML5 vidéo player
  • Nickel !
  • Madrid, Espagne

Image cliquable pour voir l'exemple

HTML5 video player

Références

Site web

Site de l'auteur

[Créé / modifié] [18-02-2022 / 18-02-2022]