Skip to content

sahibshakhayev/music.sahibshakhayev.me

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

music.sahibshakhayev.me

Web Music Player with Backend Playlist Load


Screenshot

Screenshot

This is my first project. If you find errors or have a suggestion. I would be glad to receive an e-mail.
You can freely edit, copy, redistribute the code.


As a web application, it has two parts, Frontend and Backend.
Frontend consists of HTML, Pure CSS and jQuery as JS.
The backend consists of PHP and MySQL as a database.

The following formats are supported for playback: MP3, OGG, AAC and FLAC
Supported formats for cover image: JPG, JPEG, PNG, BMP and GIF.
Only LRC format is supported for lyrics.
There is support for uploading songs.

Setup

  • Copy the contents of the www folder to the root folder of your web server.
    If you are using Microsoft IIS and HTTPS you can also copy the web.config file. In this case, you must activate the URL Rewrite module and write your domain in the add input = "{HTTP_REFERER}" pattern = " section.
    For example, in my case, "add input =" {HTTP_REFERER} "pattern =" ^ https: //music.sahibshakhayev\.me/.*$ "negate =" true"
  • Set You Title in "index.php", "/upload/login.php", "/upload/new-upload.php"
    Project in Azerbaijani
  • Set up your MySQL database
    1) Create a database
    2) Create database user if missing
    3) Give All Privileges to the database user
  • Import tables from the "sql" folder (users.sql and songs.sql) into the database
  • Open the file "site_data/php/mysql.php" and enter the credentials for your MySQL database

If everything done correctly you can listen to songs, control playback and see the lyrics of the song.

How to upload a new song?

  • Click on this icon: uoload_icon
  • Enter login and password
    By default Login: username, Password: Password
  • In the form that opens, enter the required data and click the submit button
    After a successful operation, the track will appear in the playlist


    Upload Form

    References: