REPLAY! is a Web app for sharing and looping music online.
Sharing:
- Upload music files from any device accessing the site (for the purposes of the Hackathon, the site is hosted on a local server)
- Select and play audio files from the list of songs stored on the site from any device
Playback: Several looping options provided.
- Loop the song a custom number of times
- Loop a certain range of a song
- Include a delay between loops
Overall Demo - Uploading and Playing Music
Looping A Set Number Of Times
Looping A Set Number Of Times with Delay
Built from scratch using an Apache Server (XAAMP), MySQL, PHP, HTML/CSS, JavaScript/jQuery
-
REPLAY! has currently only been developed around a locally-based server, set-up by a computer, and having other devices access the web-app through the Local Area Network (typically, just the IP address and the main index.php file, in the form 111.111.11.111/index.php, for example)
-
The web app can set up on any local server by starting an Apache server on a device whose root folder is the mloop folder, containing the css, images, songs folders, as well as all of the .php and .js files. Acccess to the webapp would then be available using the server's IP address and the index.php file in the URL, as described before. Uploaded music files are stored in the songs directory of the root mloop folder.
-
The main next step that could be taken for this project is deploying it on a cloud-based server as opposed to relying on local severs - a very incomplete deployment is shown here: https://mloop.herokuapp.com/ where only a portion of the main web app (essentially just the UI) has been deployed. With time, a complete deployment is definitely possible with tweaks.
- Agnes Jang
- Brian Tom
- Daniel Shih
- Jayson Chao
- Umesh Tanniru
Developed at Hack UCI 2017