REPLAY! is a Web app for sharing and looping music online, built from scratch using an Apache Server (XAAMP), MySQL, PHP, HTML/CSS, JavaScript/jQuery
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
-
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 form111.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 assets folder, as well as all of the.php
files. Access to the web application would then be available using the server's IP address and theindex.php
file in the URL, as described before. Uploaded music files are stored in thesongs
directory of the rootmloop
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