Music-Player-Web

Sito di riproduzione musicale per ascoltare le canzoni caricate sulla piattaforma.

Link al Server di Music Player: (link)

Support Me

Indice :

Ispirazione
Sito Web
BETA
Pagine
Examples of Usage
Ascolto in Background
Browsers compatibili
API
Albero di Path
Coming Soon
Licenze

Ispirazione

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

Sito Web Music Player: Link al Sito

BETA

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

Pagine


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

Examples of Usage

Ascolto in Background

Browsers compatibili

API

Lista API:

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.

Albero di Path

$ 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

Coming soon

Sistema di autenticazione
Cloud delle canzoni da link risorsa
Pubblicazioni musicali pubbliche o private
Profilo pubblico o privato
Interazione con likes e views

Licenze

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

vittorioPiotti/MusicPlayer-Web