https://github.com/aperbet56/music_player

Ce site va permettre d'écouter de la musique issue du dossier de musique 🎶
https://github.com/aperbet56/music_player

addeventlistener animation-css clearinterval css3 flexbox html5 javascript setinterval

Last synced: 23 days ago
JSON representation

Ce site va permettre d'écouter de la musique issue du dossier de musique 🎶

• Host: GitHub
• URL: https://github.com/aperbet56/music_player
• Owner: aperbet56
• Created: 2023-08-09T16:48:27.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-09-22T14:27:58.000Z (8 months ago)
• Last Synced: 2025-09-22T16:28:24.403Z (8 months ago)
• Topics: addeventlistener, animation-css, clearinterval, css3, flexbox, html5, javascript, setinterval
• Language: JavaScript
• Homepage: https://aperbet56.github.io/music_player/
• Size: 13.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## LECTEUR DE MUSIQUE 🎶

![Design preview for the project](./img/preview.png)

![Design preview for the project](./img/preview-1.png)

## Le challenge

Ce site va permettre d'écouter de la musique dossier de musique. Ce projet présente plusieurs spécificités:

- image tournante dès que la chanson commence et image qui s'arrête de touner dès que la chanson est mise sur pause

- détails de la chanson (titre et artiste)

- barre de progression de la chanson

- possiblilité de réduire ou d'augmenter le son

- possiblilité de mettre sur pause et de jouer une chanson

- possibilité de revenir à la chanson précédente

- possiblité de passer à la chanson suivante

## Démonstration

Lien vers le projet : https://aperbet56.github.io/music_player/

## Projet développé avec

- Utilisations des balises sémantiques HTML5

- CSS3

- Flexbox

- Desktop first

- Animations CSS (transition, @keyframes...).

- Page web responsive

- Utilisation du normaliseur : le fichier normalize.css

- JavaScript

- Code JavaScript commenté