Online Music Hackathon

First Prize: $5000

Ends on Jul 22:
00
Days
00
Hours
00
Mins
00
Secs

Submit your best music themed repls!

Posts
Pinned
22
MUSIC HACKATHON: FAQ
Hey folks! A lot of you have been asking me the same kinds of questions, so I figured i'd make a handy FAQ: **1. What's the theme?** The theme is *music!* **2. Does this mean my repl has to play audio?** No - it doesn't. You're free to interpret "music" however you'd like! One of my favorite music-related repls we've received on the site is @jajoosam and @thesephist's [lyrics.rip](https://lyrics.rip), which didn't play audio but did generate fake lyrics. It's all about what you want to create. Not sure if your repl fits the theme? Hit me up on Discord or post here - I'm happy to talk you through anything. **3. So... what's the deal with copyrights?** This one is kind of nebulous. My best advice here is not to use any copyrighted songs, because you never know how you'll want to share your repl or where. **4. How much of my work can be from libraries or previously made?** "Original content" means this: *don't steal other people's work!* Things that are open source, libraries, are free to use with attribution, etc. are fair game. **5. How will my work be judged?** We're looking for creativity and execution here. This doesn't mean it has to be super complex though. If an idea is good, an idea is good! **6. What language should I create my repl in?!** The cool thing about a flexible theme? If you can find a way, you can do it. Web projects have so far proven to be popular though. **7. Can I create my entry elsewhere then c/p it into a repl?** No :-( The idea here is to use Repl.it! **8. Can I have (a) partner(s)?** Sure can! We encourage folks to use Multiplayer for group projects.
17
posted by katyadee (835) 15 days ago
Pinned
🚨THE THEME IS MUSIC🚨: WIN $5,000! We're having another competition!
### Friends, foes, loyal Replers, Boy do I have some news for y'all! On July 1st, we're kicking off another competition and the stakes are higher than ever. ![richrichrich](https://storage.googleapis.com/replit/images/1561408399112_514da1dfbb25d3bc66b26fb7e7430790.gif) **Types of programs accepted:** *Any.* **Theme:** MUSIC! **Rules:** As always, *must* be original content & MUST be created *and* hosted on Repl.it **Prizes:** $5,000, $2,500, and $1,000 **Dates:** July 1 @ 00:00 PST to July 21 @ 00:00 PST **Judge:** Tom Lehman, the CEO of Genius ## To submit, all you have to do is share your repl on [Challenge](https://repl.it/talk/challenge)! Check out [our FAQ](https://repl.it/talk/announcements/MUSIC-HACKATHON-FAQ/16359) if anything is unclear or you have any questions. And feel free to ask anything you need there, too!
153
posted by katyadee (835) 26 days ago
4
Influxion - A Rhythmic Platformer
#### Project by @LehuyH and @raghavm --- # Influxion - A Rhythm Driven Platformer The only skill you need is your knowledge of a song! --- #### Links: - Click [HERE](https://influxionfinal.raghavm.repl.co/) to play Influxion! - Click [HERE](https://repl.it/@raghavm/InfluxionFinal) to view the source REPL! - Click [HERE](https://github.com/mrcool4000/influxion-rhythm-game) to view the project on GitHub! --- ### What Is Influxion? To fit with the theme of the music jam (music if that wasn't obvious), we built Influxion because we guessed that many of the other submissions would be music players, music builders, et cetera. We wanted our project to be different but fun to play/use nevertheless. **Influxion** blends the elements of a rhythm game into a less strict and more approachable platformer game. --- ### Game Structure/How-To-Play: - Influxion has **7 CDs (or levels)** built-in, along with many others created by players. - Each **CD** is divided into **2 parts**, the **platformer** and the **boss battle**. - The platformer is pretty straight forward, you hit **(SPACE)** to avoid crashing into **eighth notes**, and press **(X)** to attack **treble clefs**. - The boss battle is a bit more complex, and is only playable after the platformer is **completed**. - **The boss** is constantly moving around synced to the beat and your goal is to survive it or kill it. When the boss is hovered over the **left-most (red) bar**, you use the **(A)** key to hit the boss, for the **inner-left (blue) bar** use the **(S)** key, for the **inner-right (yellow) bar** use the **(D)** key, and for the **outer-right (green) bar**. --- ### Level Designer - You can build your own Influxion levels and upload them to our servers for anyone to play! - Just click **'MAKE A LEVEL'** from the homepage and type in a username. - All further instructions will be on the page itself. --- ### Further Notes: - All Influxion code was designed in **Repl.It**, and tested in **Google Chrome 75** on **Windows 10** - Influxion was designed to be played on a computer, and does not work on a phone. - As Influxion is an music-focused game, for optimal experience headphones are recommended. - Play Influxion in fullscreen, if your browser can do that. - **DISCLAIMER:** We are not responsible for copyright issues in community levels as those were not created by us. - If a song in a community level is explicit, racist, sexist, et cetera, please let us know thrugh a comment or on Discord (@RustyPotato#3472) through the [Repl.It server](https://repl.it/discord). --- ### Thanks a lot for playing Influxion! Upvotes and feedback are greatly appreciated. --- ### Screenshots: ![Electro Level](https://cdn.discordapp.com/attachments/543969485598490634/602274139251802112/unknown.png) ##### Songs used in the game (not counting community levels): - Main Screen Music - Wind by p00s - Tutorial = OneStop by David Yackley - Cityscape = Town by Nathan Grigg - TalkBox = TalkBox by [DJ Quads](https://twitter.com/djquads?lang=en) - Electro = Electro Cabello by [Kevin MacLeod](https://incompetech.com/) - Flares = Flares by [NIVIRO](https://www.youtube.com/channel/UCYsQBXpnkduQxGo3z1lstZw) - Paradise = Gangsta's Paradise by Jennifer Spengler - Skii = Skii by [Lil Scar X Iscopizza (Peninsula Records)](https://www.youtube.com/channel/UCrmVTYUv3BNQHllJyXrZtUg/) --- ##### Proof that we developed in repl.it: Although we used GitHub, we developed Influxion in multiple repls. We have them linked below (the links are in no specific order): - https://repl.it/@raghavm/InfluxionFinal - Final Revision - https://repl.it/@LehuyH/InfluxionFinal - https://repl.it/@LehuyH/FreshCookedRotation - https://repl.it/@LehuyH/SongJellyTheNeverEndingParadox - https://repl.it/@LehuyH/SongJellyEndgame-1 - https://repl.it/@LehuyH/SongJellyEndgame - https://repl.it/@LehuyH/UnconsciousFluffyCharactercode - https://repl.it/@LehuyH/UnlawfulFastMicrostation - https://repl.it/@LehuyH/AbandonedBetterComputergraphics - https://repl.it/@LehuyH/animejs-test - https://repl.it/@raghavm/SongJellyEndgameII-TheParadoxContinues-1 - https://repl.it/@raghavm/SongJellyEndgameII-TheParadoxContinues - https://repl.it/@raghavm/LumberingAggravatingPhysics - https://repl.it/@raghavm/SongJellyTheNeverEndingParadox-1 - https://repl.it/@raghavm/SongJellyTheNeverEndingParadox - https://repl.it/@raghavm/SongJellyEndgame
11
posted by raghavm (20) 7 hours ago
7
Artificially Intelligent Audio Player
Simple , fast, highly intelligent and accurate. Any sound, song, theme, band, or artist. Mobile, BlueTooth and Gracenote capability for passenger mobile play, pause or amplification. This feature will work with proper browser configuration and won't be shared in this demonstration. This is the DESKTOP DEMO version. AI | Audio Player was coded in Python 3, Flask, CSS and HTML and uses a free Javascript counter. All coded on @repl.it by "B" at https://www.pcondemand.com ![kali2](https://storage.googleapis.com/replit/images/1563656003440_9933703b72e81c455947061950b27252.png)
13
posted by BLyons (8) 1 day ago
6
An App where you just click and make good-hearing music.
Well, me and my friend thought that this idea would be cool so we go ahead and make it. By me and and my friend I mean me and B0t. Part we do in this project: - Me: I develop the website, find music samples and add it to the site. - B0t: Styling and Designing the site. The idea of the site: Even if you have no absolute knowledge about Music you can still make good-hearing music. Version: 0.1 (I submitted this in case the development went wrong and we are late or something like that, this is just an early version of the site. Later I will add more.) Features of the app: - 15 One-shots - Simple Beats Creator ( even if you click random you will hear good stuff) - **Easter Egg comming!**, yes there is even a easter egg hidden inside the app. (plz don't look at the code if you want to find the easter egg cause it is not that well hidden. Day worked on the app: 2 days. Upcoming features: - Melody Samples - Bug fixes - Images to the pads Logs: - 20/7/2019 Submitted. Upside of the app: - Enable everyone to make good-hearing music - Simple UI - How to use guide. Downside: - Not that good looking for now, we are still working on stuff. ** List of known bugs ** - Well, the beats create sometimes don't make sounds, I am known of that cause my partner B0t have the same problem. But it is fixable by folk the app and run it through repl.it . I don't know what causes it but... If you want to checkout the app you can by using this link: https://drummer--joshhies.repl.co/ (**The melody samples doesn't work yet, yes I am still working on it.) Screenshots of the app: ![image](https://storage.googleapis.com/replit/images/1563583551831_1fd04db94644b8dbfb46b160dd6df68f.png) ![image](https://storage.googleapis.com/replit/images/1563583588915_bf133eb2f2d0432181733cf3775aa923.png)
9
posted by joshhies (7) 1 day ago
2
Bouncy Beats
Listen to the sweet sounds of physics by throwing, bouncing or rolling balls to make some sick robo beats! The sound ended up being the hardest part, and to be honest, with so many balls the sounds kind of blend together into a horrible mess (oops) so feel free to set the sound duration to 0 and play around with it in silence, it's still music to the eyes... lol. This is my first challenge and website! I have been learning c++ at my high school and saw this challenge and decided to learn a little HTML, CSS, and JS. It took many hours but it was really fun and I learned a lot. There are a few bugs but that's what happens on a first try. If you have any tips or suggestions I would love to hear them! Have fun creating some bouncy beats!!! :D
1
posted by WilliamShuppert (1) 3 hours ago
7
Lil Tay simulator
# [Freestyle Rhyming Rap Lyrics Generator](https://Rap-lyrics--adrianhall.repl.co) The program will endlessly freestyle in a mildly amusing imitation of modern rap. It feels a little like a furious Lil Tay is texting you. ## [Viewing the project](https://Rap-lyrics--adrianhall.repl.co) Click [here](https://Rap-lyrics--adrianhall.repl.co) to view the repl with the backing music playing in the background – using a little audio hack inspired by what rediar did with his ode-to-joy chess program. If the music doesn't start up when the website loads, you can fix it by clearing the cache and cookies. On Chrome: right-click, click 'inspect' or 'inspect element' then go to the 'network tab'. Then reload the page, you should see a bunch of blue and green lines appear. Right click in that area, and choose 'clear browser cache' and 'clear browser cookies'. If you're on mobile, view the repl [here](https://rap-lyrics-generator.adrianhall.repl.run/) for a less cluttered experience. Heck, even if you're on a desktop it might be nice not having the code next to you. ## What is this? Because some modern rap is pretty much random at this point anyway :), I thought I'd save artists the trouble of thinking up lyrics. This program uses a generic mad libs algorithm (I bet there's a computer science name for that but I don't care) to generate random rhyming lyrics. It uses templates of lyric patterns, then fills them in with words – pretty simple in essence. It also sorts words into rhyming groups, so that it can end each line on a word that rhymes with the previous one. So far it generates rhyming couplets, but more complex patterns would be possible as well. The downside to creating more rhyming lines is that it's harder to think of the rhymes, especially for your poor computer who doesn't actually know how to pronounce words. What would happen is it would fall back on the rhymes that are easiest, or have pathetic repetition (eg rhyming 'duck' with 'duck' - not so impressive). ## Examples of use Some fun ones I've seen (explicit content): ``` you smash me like a hot robot now, I gotta go hit some pot your pot ain't shit, you're shit hell, my dope stash is legit you say you like me but you just want my bread I say bitch, your mom is my sled bitches think that I'm hardcore yo, don't try to smash my whore look, my moola is legit I gotta go hit some tits yo, ima hate on all your robots your yacht don't make you hot look, you're pretty much a store bitches give me that score I saw your mom last night at the goat store buying love ya see, my ass don't hit your glove they be digging my sweet trashy babe uh huh, you know you're cray-cray you try but you can't hit my grass uh huh, your mom is my ass ``` ## Tips/resources Play [this video](https://www.youtube.com/watch?v=tOnTPW1MTZ4) for background beats as my code transforms you into the next big shaq. I've migrated to HTML/CSS/JS for audio purposes but the project is programmed in python. To view the code, click [here](https://repl.it/@AdrianHall/Rap-Lyrics-Generator).
6
posted by AdrianHall (49) 2 days ago
46
🎵 📦 Music Box Editor 📦 🎵
Simple editor for creating music box melodies with an animated music box that "plays" them for you. Very basic: Just click on the diamonds to generate a note and press play. There are some featured melodies included. * As a bonus I have added a database - it's a separated repl because I don't want the player to load longer. My official submission is the Music_Box_Editor, the DB is just a storage for notes that I can't finds space for in the actual application. * The note sounds are from freesound.org. Animations are created by me in After Effects and exported as SVG animation which is then played in the browser with the lottie player. Make sure you tune-up the box when first loading to cache the sounds for better first preview. Features: -edit notes -play speeds -save notes and load notes -generate random notes -tuning up the music box -copy notes from sheet and auto-paste on next sheet -add new block "+" and delete block "-" or press "++" to generate N blocks from input and "clear" to delete all. -move notes with arrows -toggle hold notes -piece fast preview and listen to sound only -two preview modes - show one block at a time or all blocks being visible while playing -mixing notes - combines two or more pieces together. -build-in tunes: Ode of Joy, Twinkle Twinkle Little Star, Star Wars Theme, Jurassic Park Theme, Elf Song. Bonus features: --save notes to a database https://musicboxdb-2--anthony-tonev.repl.co/ My idea was to write an app that is simple enough to be beginner friendly so anyone can learn to write simple music peaces without knowing complex note notations and also have an open source note sharing system where users build melodies on top off or inspired by other users melodies. Works best on desktop with chrome in full screen repl view. ![image](https://storage.googleapis.com/replit/images/1563100885459_aa7a1d93fd679e08e575b1f426b8e218.png) I've added a guide that explains most of the stuff: https://docs.google.com/document/d/1VuNxjiUfA3SQPqONgDC-7V46lHGHZw3rfcvPiS7jNRI/edit?usp=sharing Here are some gifs that explain the rest of the stuff: ![addredkeys](https://storage.googleapis.com/replit/images/1563641646601_b87d39012665cb528e55d8c7284f72d0.gif) ![adding blocks](https://storage.googleapis.com/replit/images/1563641658391_cd7cfbee700b65a7aa7bc7fdfc720c59.gif) ![copy](https://storage.googleapis.com/replit/images/1563641656785_ac25a17723152706cc5ae7c4d578c6a8.gif) ![matrixSwap](https://storage.googleapis.com/replit/images/1563641676977_85d78c773b485e1db080268d3f9aab13.gif) ![mixing](https://storage.googleapis.com/replit/images/1563641700209_44873f012345a8562bb351e709375a68.gif) ![topArrow](https://storage.googleapis.com/replit/images/1563641701068_d44f2b474ed0b8b0d628f113da70afbf.gif) ![topArrowShow](https://storage.googleapis.com/replit/images/1563641711246_e9881f9287328f4d301be115b7daadc7.gif)
87
posted by Anthony_Tonev (48) 18 days ago
7
Play chess and listen to music
Listen to the extremely relaxing and very quiet "ode to joy" while playing chess. Try playing chess while the chorus starts screaming. # Chess Note Uses regular (FIDE) notation works like this: piece and where the piece went . For example: * Pond from e2 to e4 is e4 * Queen to h5 Qh5 and so on! It now works, thanks for your support! *this project was done independently and works*
15
posted by rediar (65) 5 days ago
13
Visually Pleasing Music Writer (With Turtle Graphics)
Hello! This project was done independently. The programming language used was Python, with Turtle graphics utilized. My project draws a very simple measure of music for you. I will be sanding down some fine points of this project until the deadline if that's okay. If not, then I'm perfectly content with submitting this is my final submission! Please give me feedback for this project! This is my first time posting on repl.it :D
25
posted by AbirHaque (13) 10 days ago
22
BeatKeeper - Make a rhythm game out of literally any song
# BeatKeeper Although I did all the coding on this game, I have to give a huge thank you to the [p5.js](https://p5js.org) and [JsMediaTags](https://github.com/aadsm/jsmediatags) libraries for making my life easier in both the frontend and the backend. Also, thanks to [Vexento](https://www.youtube.com/user/Vexento) for the home screen music. BeatKeeper is a game that allows you to upload any song you like and it will create a rhythm game in real time. ![image](https://storage.googleapis.com/replit/images/1562552931497_b1bb44cd3d2a96064ba73d46869bc32b.png) I put a lot of work into the game, adding features such as: * Real-time audio analysis and beat detection * Music visualization using the Fast Fourier Transform * Upload any mp3, wav, or ogg file to the server * Auto-delete files older than one hour * Song title and artist auto-recognition * Adaptive treble threshold * and more! The awesome thing about BeatKeeper (I think) is that this has never been done before. A rhythm game maker, as far as I know, has not existed before this in Javascript and with any song. Previously, the Javascript versions have needed special .bms files which contain a preprocessed audio analysis. This does it in real time. I'm going to keep updating BeatKeeper until the deadline. I would really appreciate if you could play the game and let me know what you think. Keep in mind that not all songs will work well with this. The best possible songs (as proven in the demo) are loud, with a well-defined beat. ## PLEASE OPEN IN FULLSCREEN AND USE HEADPHONES!!
3
posted by rshetty (64) 13 days ago
21
REPL BeatZ
I made animated headphones that model the ones I wear in real life. For the REPL Music Challenge, I decided to give my project a little twist with a recent update - when opening up the website, music will begin to play! This project was done entirely by myself, @EchoCoding. Please up-vote if you liked it - it'd be greatly appreciated!
9
posted by EchoCoding (244) 18 days ago
14
Smartify - A Spotify-Powered thematic album queue
![smartify](https://storage.googleapis.com/replit/images/1563415108147_a4e4cac8961ddd3aa1e4a5f5092d9b0a.svg) ![introduction](https://storage.googleapis.com/replit/images/1563415136018_fcae7b95066de01a735042bde4ce50d8.svg) We all know how it feels to be listening to an energetic song and suddenly getting pumped up, only to find that the next song in our shuffled queue is sad and depressing. That not only ruins the mood of the album, but also the general consistency. Luckily, Spotify provided me enough breadcrumbs along the way through their various APIs to be able to build the solution to this very problem - a thematically consistent album generated, deemed "Smartify." Smartify takes factors like "danceability," "valence," "key," "energy," and "speechiness" (as described in the FAQ in the website below) - all major thematic defining factors of songs that we commonly know - and computes the standard deviation between the "scores" for each of these factors for every song in the playlist. Then, Smartify will find the song with the smallest "standard deviation" and add it to the queue. The previous song is then appended to a "played" list, thereby ensuring that the song does not get replayed and that Smartify doesn't fall into a loop - after all, it's supposed to be smart. After that, it'll generate a Spotify playlist for you (after you sign in and give it permissions) that follows a thematically consistent ordering. You can then add/remove songs at your leisure. If you're only using Smartify to find similar songs within playlists/albums, you can also preview the songs through Spotify's inbuilt player (although the preview is only 30 seconds). You can also view the lyrics for songs that are not instrumentals :) *Edit: Not true since my API website is **really** slow... will have to find another way* **TL;DR: What's so special about Smartify?** Fact is, if you have a playlist, it's very likely you don't want recommendations outside that playlist (or far off of the theme). Because of this, things like YouTube autoplay seem rather deprecated. On the other hand, our playlists are often shuffled into jumbled and inconsistent queue's in terms of how they sound - Smartify offers a two-fold solution by ensuring that the content of your albums/playlists stays the same, but that the order is optimized to be the very best by grouping similar songs together. So, without further ado, here it is: [https://smartify--shadowcypher.repl.co](https://smartify--shadowcypher.repl.co/) And its nemesis: [https://evilify--shadowcypher.repl.co](https://evilify--shadowcypher.repl.co/) *You can now search for your favorite albums/playlists, so you do not need the IDs below* ![albumID](https://storage.googleapis.com/replit/images/1563415136012_5a54fd1aba132e177cbfe1ee3b3bfec0.svg) Here are some ID's to try, unless you want to test your own: Drake's *Scorpion*: **37i9dQZF1DX1YF6nTEHymi** Post Malone's *Beerbongs and Bentleys*: **6trNtQUgC8cgbWcqoMYkOR** Elton John's *Diamonds*: **1uzIyRT1QxDx4fMIX0UiAE** ![helpguide](https://storage.googleapis.com/replit/images/1563415136045_0fd6548eb9dd9991af1d3cd12ff7b7e7.svg) **Getting an Album ID** For any album sharing link, it will be in the format: [https://open.spotify.com/album/**ID**](https://open.spotify.com/album/ID) Just paste the **ID** into the homepage's text box and it should work. **Forbidden/CSRF Token Trouble** For some reason, repl.it's embedded applications cannot implement CSRF form tokens, so you'll need to open the site in a new window. **Overlapping Albums** Yep, unfortunately this is the biggest issue right now. Since the views reference one class, overlapping users may experience overlapping album. As such, I recommend that you create a playlist to ensure that your "progress" will not be deleted if another user logs on. **Refactoring** Since up to this point I've just been adding new features, the code looks somewhat dirty and is often repetitive - I have to fix this once I get the general sense that Smartify satisfies all features anyone would ever want. ![suggestions](https://storage.googleapis.com/replit/images/1563415136207_65583633f2dca7c7a64a756792424ae0.svg) Please let me know if you have any suggestions. I literally created this a week ago, and I'm quite proud of it but there's a chance I'm overlooking something. If you want me to let the site play the full songs, don't worry, that's exactly what I did (but you may need Spotify Premium - something I'll fix soon enough). **We're currently at 2,572 page views (as of 11:30AM PST, 7/20)** **Future Plans** - Add domain & Cloudflare - Share playlists? - Lyrics comparison --> Really slow right now - Entropy --> Will allow external albums as entropy increases and conform to the current album as entropy is close to 0 - Use of advanced data structures (actually taking a course on this haha) -> use priority queues - General refactoring
4
posted by ShadowCypher (13) 12 days ago
10
Environ - The Bridge Between Music and Code
# Environ ### The Bridge between Music and Code Environ is a new coding IDE that sets up the perfect environment for coding. It has an editor workspace and a console to power your programs. In addition, Environ helps set up a proper background music so the coder can get in the right mood to code. ## Music Scientists have proven that the appropriate music can make workers more productive in their tasks. This is exactly what Environ does. Environ senses your mood through your keyboard actions, and then, using AI Machine Learning, it shows up different music options. For people who are going to slow, Environ will provide fast and adventurous music to get them back in the productive mood. On, the other hand, coders who code too fast will be given slow, uplifting music. This will calm them down, and it will also prevent them from making too many mistakes. ## Future Updates Right now, Environ is still in 1.0.0, but is under development to make new progress. In the future, we have the following plans: * Expand to having more languages, with a priority on Java. + Create a file system to organize multiple documents. - Allow users to create GUIs. * Allow users to create Servers. - Much more! Be on the look out for many of these cool features! ## From the Developer > When I though of this idea, I did not realize that it might have been a little too ambitious for a middle schooler to create an IDE for a music competition. However, as it turned out, despite having multiple difficulties, it was easier for me than I would have initially thought! Clearly, if I had just though of this as too complicated for a music competition, I would never have been able to embark on this exciting enterprise. > This project has taught me a lot. Despite the fact that I am already very experienced in JavaScript, I still got to learn a lot of new ways to write and execute code. Doing this project was a very valuable experience. > All in all, I know this will not be like other projects that you and I have done. Usually, after the competition, we forget about our projects. This leads to lack of updates and unintended glitches. However, I know that this project will stay with me for the rest of my life. I hope to continue and make this product grow, so the world can see the power that Environ has. -Ved Pradhan, Developer of Environ, @vedprad1 Note: This was my own project, not a group one.
19
posted by vedprad1 (461) 15 days ago
5
Classical Composer Coder
> Music is a higher revelation than philosophy. - _Ludwig Von Beethoven_ ![Screen Shot 2019-07-17 at 4.51.48 AM](https://storage.googleapis.com/replit/images/1563353552391_37d17296efc5f47d338a754a40880b23.png) # Classical Composer Coder A few of the great composers that changed the course of music need help writing their most renowned works. Use the on-screen arrow-pad or the arrows on your keyboard to help the composers remember their tune in this memory based game. --- # Instructions * Choose your composer * Select a piece * Press the start button to begin * Complete all the levels to hear the masterpiece come together! This is the first game I've built using HTML/CSS/JS - Thanks so much for checking it out and please don't forget to upvote and drop a comment if you have any sort of feedback.
2
posted by PioMolina (5) 4 days ago
18
RICKROLLING ALL DAY LONG
Hey, you said music. This was the first thing that came to mind. It's ironic the button to submit this says "Let's rock and roll." But yeah, hope you enjoyed this :) https://rickroll--canteventhink.repl.co/
7
posted by canteventhink (19) 19 days ago
16
musiPix - Create music from images!
# musiPix *create music from images* https://musipix.snowflake.repl.co ___ Ever wanted to make your own song but don't know how? Well, now you can... kinda. Using [musiPix](https://musipix.snowflake.repl.co) you can turn every image you have on your hard drive into something beautiful! Just upload your image and click the `Play` button like shown below. ![Usage](https://storage.googleapis.com/replit/images/1562077956485_666b074b7a64e01b27416a90fb7c3985.gif) ___ #### Creating music manually If you want to manually create music by drawing pixels onto an image, you need to know 3 things about RGB values (aka colors): - Red values are represented as frequency in hertz (with 0 being the lowest and 255 being the highest) - Green values are represented as volume - Blue values are represented as duration in miliseconds To get an exact color value for the frequency/volume/duration that you want to achieve, use the following expression: `(x * 255) / y` where `x` is the value that you want to achieve and `y` is the maximum possible amount of that value. **For example**: if I want the duration to be 500 ms I would do `(500 * 255) / 2000` and that will result in `63.75` and I need to round that to `64` and that would be the blue color value for that pixel. You can also adjust the maximum value for everything by clicking on the `Settings` button after uploading an image. Examples are available at https://musipix.snowflake.repl.co/examples or by clicking the `Examples` button on the toolbar. ___ Libraries used: - [water.css](https://github.com/kognise/water.css) - [feather icons](https://github.com/feathericons/feather) Have fun experimenting!
6
posted by Snowflake (41) 19 days ago
4
🎶 🎛️ Instrument blender 🎶 🎛️
**Hello** let me introduce you the [instrument blender!](https://Instrument-blender--sfk555.repl.co), where you choose two instruments to mix and get a new one, you can play the 3 instruments with the buttons on the page or with your keyboard. 🎵🎵 [Click here to blend some instruments ](https://Instrument-blender--sfk555.repl.co) 🎵🎵 Any comment and vote will be appreciated :) - Made with HTML5, CSS and JavaScript. - Used the [Tone JS](https://tonejs.github.io/) library for sounds . - The project was done independently. [Here](https://repl.it/@sfk555/Instrument-blender) is the code; **How are the instruments mixed?** In Tone JS each instrument has a set of attributes, when mixing 2 instruments, the mixed instrument is composed of attributes of each parent instrument, some attributes are one of the 2 parents and others are the arithmetic average of the 2 attributes of the father instruments.
1
posted by sfk555 (3) 3 days ago
4
🎶🤖 Robo-Band 🤖 🎶
Pick a song and twiddle some knobs. The Robo-Band will play just the way you want them to! 🤖 🎺🤖🎸🤖 🎷 Step 1. Choose a song Step 2. Set the faders to your desired settings Step 3. Press the update button (looks like a piano) Step 4. When the updating has finished, press the Play button to hear your creation! So far, there are only a few (public domain) songs to choose from. I will be adding more in the coming days... Make your requests!
4
posted by ryanlague (3) 5 days ago
7
Musical Waves!!!
YAY!!! ---------- Introduction ========= Welcome to my project, _Musical Waves_. I created this project by myself (not a group project). In this program, you will journey into a new world filled with magic and some other amazing stuff. Actually, in a much more realistic point of view, you will waste time staring in awe as you watch lines dance across your computer screen representing different types of oscillators generating sound wave patterns and listen as the beautiful world of music takes over your mind (more like the sound of the square oscillator getting stuck in your head for the rest of your life). Instructions ========= ![Screen Shot 2019-07-08 at 6.37.42 PM](https://storage.googleapis.com/replit/images/1562727134122_77e652851ed3bf0080cc56b9422e98b6.jpeg) The wave displayer on the top represents the wave created from the overlapping sound waves, whereas the displayer below that shows you multiple sound waves drawn on top of each other. _Note that this can only display four sound waves plus microphone input for performance purposes on the bottom wave displayer, however it still adds the sounds into the output sound._ When you click `Add Oscillator` or `Import Audio`, some controls will appear at the bottom of the screen. Have Fun Experimenting!!! ==================== The best thing about this project is that there are endless combinations to experiment with. Keep exploring different ideas and spend some time investigating the controls. Feel free to give me any suggestions or tell me if you run into a bug! One More Thing ============ The microphone input only works if the program is opened in a separate tab, (not in this page) Please feel free to look through the code if you are interested (there are a lot of helpful comments in my code)!
6
posted by SnailPotato (6) 11 days ago
4
Online Music Player
**The Online Music Player** is a user-friendly web application which uses the YouTube API and was styled with Materialize framework. The app’s advantage lies in its convenience. If available, song lyrics are displayed, as are the comments related to the song's meaning as well as the cover image of the album. It delivers ad-free content which can further be organised into playlists. I found inspiration for song recommendation in the mini [template](https://repl.it/@paulfears/similiar-music-api) on the contest page. You can switch between found search results by clicking on next/previous buttons. To reload the currently displayed song, you can just click on the song’s name. By clicking on artist’s name, you are redirected to that artist’s Wikipedia page. To go through songs in playlist you should first start the playlist in the playlist menu. Playlist starts from currently selected song in it, if you are not listening to something from playlist, then it starts from top. You should very quickly figure out all other functionalities, if not I am happy to answer any questions. Oh, and the best view is when the zoom is around 90%. This was not a group project. Updates: Added history of played songs. More responsive and mobile-friendly design. Pre-setting the volume of a specific song in playlist. Option of repeating a specific song once, while still in playlist (playlist keeps going after one repetition). Song search in playlist, such that songs start playing while still typing. Added an interactive carousel for searched songs' album covers.
7
posted by GrinInTheBin (10) 7 days ago
6
A geeky way to say “Happy Birthday”
It’s my friend’s birthday. I plan to send him some JS code that when pasted into DevTools plays the happy b’day song. This is the result. (Solo project.) - I used Web Audio API to create a simple music box. - Developed this in repl.it by creating a “Preview” button to let me test the code to copy. - Melody and chords are encoded into CJK characters to “disguise” the Happy Birthday song. The first 47 characters are the melody, the rest are the (broken) chords. - To not pollute the global scope, while being concise, local variables are declared as default parameters. e.g. `((paramX, paramY, localA=1, localB=2) => …)`. - The `t(f, b)` function plays a single note of frequency `f` at time `b`. - Each character is processed in forEach loop. The index is used to determine when to play the note. HBD @phoomparin!
2
posted by dtinth (5) 10 days ago
2
Space Mist
Relax. Watch the vast empty space with a calm relaxing music from Epic Soul Factory. Vote if you liked it. Open in a new window to enjoy. "Look at the sky. We are not alone. The whole universe is friendly to us and conspires only to give the best to those who dream and work. " -A. P. J. Abdul Kalam " ![p03xsw49](https://storage.googleapis.com/replit/images/1563604469168_682d00995913eb5bc3a073e49eec35a1.jpeg) Look up at the stars and not down at your feet. Try to make sense of what you see, and wonder about what makes the universe exist. Be curious. " -Stephen Hawking ![images](https://storage.googleapis.com/replit/images/1563604470676_0be530acb31f7d4df0c0a299d6d75493.jpeg) Demo image: ![image](https://storage.googleapis.com/replit/images/1563604570522_2c79ffa0af038067c92ed98c5d5d4ab3.png)
1
posted by SolarBoom (42) 1 day ago
4
Music Bible
This was a group project with my friend, @zog1, and I. This project allows you to search for a song using the Genius API and formats the lyrics as bible verses! ![showcase-gif](https://storage.googleapis.com/replit/images/1563258183451_fd234251f54e1ce66d4d42e8d29c6ac6.gif) ![showcase-gif-1](https://storage.googleapis.com/replit/images/1563258199720_0e89fbc566b2c1051d0635d40e6f479d.gif) Each verse is saved to the verses.txt file in the repl.it. ![versestxt](https://storage.googleapis.com/replit/images/1563258230676_bec7f53571ea3815f2d27559cf944948.png)
1
posted by brotherslife1 (3) 5 days ago
8
🎶🎵 FEEL THE MUSIC 🎶🎵 (version 2)
**Hey guys !** I present you my **Feel the music website**, I made it all by myself using a template that I modified. **Please upvote if you like it.** FOR NOW It tells you about music in general and what I like the most in music. It is the Beta version of the full website, I already have some good ideas of what I will be making, what type of pages I will make. New stuff will come out everyday so stay on alert. If you have any suggestion or ideas for me to improve my website please tell me everything you are thinking of. _____________________________________________________________________________________ **New page** : About groups, go and check it out. _____________________________________________________________________________________ I hope you will enjoy it and thanks for reading ;)
5
posted by lsambrook (284) 19 days ago
3
🎶Let's Brainstorm: MUSIC CHALLENGE EDITION🎶
We had some great conversations going on on our [Discord](https://repl.it/discord) about some of the pitfalls of Spotify-- like, did you know that a playlist can't be both public and collaborative? This got me thinking: What other music apps leave a lot to be desired? What can we create to fix that? Let's use this space to brainstorm. Hope those thought starters help :)
16
posted by katyadee (835) 18 days ago
3
Waves Records
React w/ Ruby on Rails app which curates Spotify Playlists based on the user's current mood, detected through the Face++ facial recognition. ![waves-records-app](https://storage.googleapis.com/replit/images/1563221560023_45f07436dcd959e96c4c8af6829dcb4c.png)
3
posted by nicobermudez (2) 5 days ago
4
Rap & Fame
There are 8 Rappers and there bio. Made by myself.
4
posted by A_Moldy_Potato (7) 9 days ago
3
🤟 Skrrt - Music recommendations, done right.
I'm so excited to finally share skrrt with all of you! I spend several hours every week curating my music - I can't rely on spotify recommendations to give me what I want. I want to be able to tell something the music I like instead of it predicting what I might like, very ambiguously. skrrt gives me the music I ask for. ```javascript { "name": "Study Music", "seed_tracks": ["A lot", "Middle Child"], "seed_artists": ["21 Savage", "J Cole"], "instrumental": true, "key": "minor", "danceability": { // 💃 "min": 10 }, "popularity": { // 👀 "max": 80, "min": 30 }, "speechiness": { // 🎤 "max": 40 }, "energy": { // 🔥 "min": 50 } } ``` skrrt will be able to parse this filter, and then play songs similar to `a lot` and `Middle Child` (provided in `seed_tracks`) - the filter will also take inspiration from the artists in `seed_artists`. But that's just the basics. - Because I'm trying to focus while playing music from this filter, skrrt will only play `instrumentals`. - I also want to listen to darker, thugger music with this filter - and choosing `Minor` keys will make sure that happens. - I want to be able to discover some music I haven't heard before, but also not listen to music that's super new and unreviewed - setting a maximum `popularity` to `80` and a minimum to `30` takes care of this. - I don't want tracks where rappers go crazy and 100% lyrical - setting a maximum `speechiness` to 10 makes sure I get more of the mumble kind. - To prevent super fast tracks, I set a maximum tempo to `100` - but I still want to keep the energy up (loudness, dynamic range) - which is why I set it to a minimum of `50`. And there's more! You can have customize *all* of this with skrrt. ![Xnip2019-07-13_21-18-37](https://storage.googleapis.com/replit/images/1563032921888_59fe5793be2f7262d87fb90b4b827c12.png) Try it out on https://beta.skrrt.fun Want to make your own filter? https://docs.skrrt.fun - and let me know if I can help! I can't wait to hear what y'all think! 👊💥
3
posted by jajoosam (543) 8 days ago
3
Interactive Musical Language Lessons
Aloha from Honolulu friends, foes and fellow Replers! Please let me know if my repl is within the boundaries of the rules. I think I might be walking a fine line. I'm proud to present my first completed web application: LangCampus Beta! LangCampus is the tool for you to improve your language skills on your own! Listen, watch and learn from Youtube music videos. LangCampus now offers three languages to study. Chinese, Japanese and Korean. Thank you and enjoy!
4
posted by StefanGisi (2) 9 days ago