Sito di riproduzione musicale per ascoltare le canzoni caricate sulla piattaforma.
Link al Server di Music Player: (link)
- Ispirazione
- Sito Web
- BETA
- Pagine
- Examples of Usage
- Ascolto in Background
- Browsers compatibili
- API
- Albero di Path
- Coming Soon
- Licenze
La grafica del sito web è stata sviluppata ispirandosi all'interfaccia di iTunes, con l'obiettivo di creare un'esperienza utente simile. L'itento è stato quello di catturare un aspetto e una funzionalità simili senza replicare direttamente il design di iTunes.
Sito Web Music Player: Link al Sito
Features:
- Riproduzione musicale
- Ascolto in background
- Switch schermate one-page
Unsolved BUGs:
Caution
- errori nella gestione dell'audio dal menu di riproduzione in background
- errori nel caricamento deglia audio
- errori per delay in cambio schermate
1 | 2 | 3 |
- L'utente sceglie l'artista o la produzione
- L'utente visualizza artista e sceglie una tra le relative produzioni
- l'utente visualizza i brani della produzione e sceglie quale ascoltare
API HOME |
---|
Name: getSearchedArtists Endpoint: type=home&method=getSearchedArtists Type: GET Parametri: searchText=testoDaCercare , listIds=1,2,3 Descrizione: Cerca artisti in base al testo specificato. |
Name: getSearchedMusics Endpoint: type=home&method=getSearchedMusics Type: GET Parametri: searchText=testoDaCercare , listIds=1,2,3 Descrizione: Cerca canzoni in base al testo specificato. |
Name: getAllHomeData Endpoint: type=home&method=getAllHomeData Type: GET Parametri: Nessuno Descrizione: Ottiene tutti i dati necessari per la schermata iniziale. |
Name: getMusics Endpoint: type=home&method=getMusics Type: GET Parametri: listIds=1,2,3 Descrizione: Ottiene la lista delle canzoni specificate. |
Name: getArtists Endpoint: type=home&method=getArtists Type: GET Parametri: listIds=1,2,3 Descrizione: Ottiene la lista degli artisti specificati. |
API MUSIC |
---|
Name: getMusic Endpoint: type=music&method=getMusic Type: GET Parametri: idMusic=12 Descrizione: Ottiene i dati di una specifica canzone. |
Name: getMusicMin Endpoint: type=music&method=getMusicMin Type: GET Parametri: idMusic=12 Descrizione: Ottiene dati ridotti di una specifica canzone. |
API ARTIST |
---|
Name: getAllArtistData Endpoint: type=artist&method=getAllArtistData Type: GET Parametri: idArtist=12 Descrizione: Ottiene tutti i dati di un artista specifico. |
Name: getArtist Endpoint: type=artist&method=getArtist Type: GET Parametri: idArtist=12 Descrizione: Ottiene i dati di un artista specifico. |
Name: getAlbums Endpoint: type=artist&method=getAlbums Type: GET Parametri: idArtist=12 , listIds=1,2,3 Descrizione: Ottiene la lista degli album di un artista. |
Name: getSingles Endpoint: type=artist&method=getSingle Type: GET Parametri: idArtist=12 , listIds=1,2,3 Descrizione: Ottiene la lista dei singoli di un artista. |
$ tree
.
└── Client
├── assets
│ ├── audios
│ ├── images
│ └── styles
│ ├── animations.css
│ ├── artist.css
│ ├── colors.css
│ ├── footer.css
│ ├── global.css
│ ├── header.css
│ ├── home.css
│ ├── music.css
│ ├── mySwiper.css
│ └── navbar.css
├── config
│ ├── data.php
│ ├── json.php
│ └── session.php
├── dist
│ ├── scripts
│ │ ├── clipboard.min.js
│ │ ├── musicPlayer-bundle.min.js
│ │ ├── swiper-bundle.min.js
│ │ └── swiper-bundle.min.js.map
│ └── styles
│ ├── musicPlayer-bundle.min.css
│ └── swiper-bundle.min.css
├── src
│ ├── app
│ │ ├── design
│ │ │ ├── MySwiper.js
│ │ │ ├── SearchBar.js
│ │ │ └── TimingBar.js
│ │ ├── layout
│ │ │ ├── Footer.js
│ │ │ ├── Header.js
│ │ │ ├── Main.js
│ │ │ └── Navbar.js
│ │ ├── pages
│ │ │ ├── Artist.js
│ │ │ ├── Home.js
│ │ │ └── Music.js
│ │ ├── utilities
│ │ │ ├── Animations.js
│ │ │ ├── Constants.js
│ │ │ │ └── WorkerManager.js
│ │ └── workers
│ │ ├── audioWorker.js
│ │ └── fetchWorker.js
│ ├── App.js
│ └── entry.js
└── index.php
- Sistema di autenticazione
- Cloud delle canzoni da link risorsa
- Pubblicazioni musicali pubbliche o private
- Profilo pubblico o privato
- Interazione con likes e views
Warning
Questo software è rilasciato sotto la licenza GPL v3 quindi l'uso, la modifica e la distribuzione del codice sorgente ne deve rispettare i termini.
I contenuti multimediali possono essere soggetti a una licenza non commerciale richiedendo l'acquisto di una licenza separata.
Gli audio generati da Suno AI (Termini di utilizo) necessitano dell'acquisto di una licenza separata per l'uso commerciale.
Componente | Versione | Copyright | Licenza |
---|---|---|---|
MusicPlayerWeb | v1.0.0 | 2024 Vittorio Piotti (GitHub page) (Personal page) | GPL-3.0 |
clipboard.js | v2.0.11 | Zeno Rocha | MIT License |
Swiper | v11.1.4 | 2014-2024 Vladimir Kharlampidi | MIT License |
Canzoni generate usando Suno AI (Termini di utilizo)
Immagini generate usando OpenArt (Termini di utilizzo)
Note
Di Bootstrap sono state utilizzate solo le icone