3 ms·

Show HN: Make audio loops online

70 points by bilalba 9mo ago

I created a small webapp, to create simple audio loops online. A bit rough around the edges but gets you started in less than 10 seconds on creating loops.

antback 9mo ago
It looks great. A couple of features that would make it truly useful are currently missing: - Save/Load and Import/Export functionality. - The ability to edit loops after they have been added. Thanks for sharing.
- bilalba 9mo ago
  Thank you for checking it out and really appreciate the feedback! I'll be on it.
- bilalba 9mo ago
  - I added the Save/Load feature that saves your sessions within your browser. - Added the option to export as .wav - Added ability to edit loops on the grid, along with some other QOL features!
handfuloflight 9mo ago
Very fun. Needs an educational mode.
- bilalba 9mo ago
  Thank you, I'll work on it!
treavorpasan 9mo ago
Love it, I got no musical background. But got me hooked.
- bilalba 9mo ago
  Love to hear it!
fassssst 9mo ago
It’s a bit low effort. If you like this kind of thing I’d suggest https://roland50.studio/ https://roland50.studio/
- bilalba 9mo ago
  Yes I agree, it is currently a side-project that is 2 days old! Also brilliant suggestion, played with it and really liked it!
oliwary 9mo ago
Fun! Well done. I created a loop in the drum mode, and then wanted to add a melodic track to it, so I clicked the melodic button. This erased my drum pattern instead - would be good if they could play over each other, and would not be erased by switching.
- bilalba 9mo ago
  Yes I understand what you're saying! I'll fix this. Edit: Fixed!
  - junon 9mo ago
    Seems you can only have one drum and one melody track, can't add a new one? When I try it stops playing the other tracks.
    - bilalba 9mo ago
      You have to add them to the Looper with the "Add to the Looper" button. I need to think of a better UX for that. Let me know if you have ideas!
      - junon 9mo ago
        I did that, so maybe I'm just missing something but after adding them to the looper and deleting the notes to start a new layer, the old layer doesn't play anymore. I'd suggest instead of making the loop layers and editors "siblings" ontologically, instead default on app load to have a single layer, then have the option to add more layers and switch between them - add layer then edit, instead of creating a layer and adding it to a list. I really do like the randomization though, it actually sounded surprisingly nice. Took me a moment to realize what was happening but it's actually a seemingly simple feature that's hard to achieve in full blown DAWs.
    - bilalba 9mo ago
      I just saw your comment, I couldn't reply to it there, but I just added the edit layer feature, along with other QOL features. Also, did you try the preview with loop button? It's in the preview drop down. It should let you preview the grid along with what's already in the loop.
richrichardsson 9mo ago
Minor bug: if you manage to Mute a synth part between the note on and note off events it will continually sound until pressing stop, even if un-muting that part.
- bilalba 9mo ago
  Yup I've noticed that. I'll try to fix it. I tap the stop button again to make it stop.
- bilalba 9mo ago
  Bug should be fixed now.
mettamage 9mo ago
I created this pattern. I wish it was shareable but couldn't find the share feature. Steps | 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 -------|----------------------------------------------- Kick | X . . . X . . . X . . . X . . . Snare | . . X . . . X . . . . X . . X . HH Cls | . X . X . X . X X . X . X . . X HH Opn | . . . . X . . . . . . . X . . . Clap | . . . . . . X . . . . . . . . X Rim | X X X X X X . X . X . X X . X . Tom L | . . . . X . . . . . . . X . . . Tom M | . . . . . . . . . . . . . . . . Tom H | . . . . . . . . . . . . . . . . Crash | . . . . . . . . . . . . . . . . Perhaps fun fact: I uploaded the screenshot into Gemini and asked it to transform it into ASCII. Claude made a less pretty one.
- bilalba 9mo ago
  Yup I'm thinking of ways to make it shareable. This is a client-side static website(runs completely on your end) so won't be able to make backend-supported links. Edit: Implemented!
  - thehamkercat 9mo ago
    Can put all data in the url itself :)
    - bilalba 9mo ago
      Just implemented it!
      - mettamage 9mo ago
        Here it is https://makeloops.online/#s=N4IgbiBcCMA0ICMAOBbK0BMAGeAbAhgJ4CmATgM5QDaAuvAOakCWAJlKCgPYvFQgukArikrwk+AC4SyAO2pVQ+AMYSmYXpAlDi8dbk5KmEwlCwA6ABwBfWIpVqNAM3y5yO8MX2Hjpyzbuq6lDOru56BkYmkObWtiDKgU4ubrqeET7RfnEJDlBagmFp3lEx-vH2QZAhKR5ekb6xAblVyYV1GaXZFUmhqe0lWU2V+W3pA43licGtfWMNZTmV1aPF811TLb21c5kTixojs6u7C93TW+HHnUM9NZf1J+vNy0cPpXQKk88z21eDX0sfvcOv99nltK8QXszps7kU3qCYS9fgjoRtkcDxqcNocUVDsd8LvD8U9AUT+msbuc4RTHlTYStUQThhC8VjSbdGST6Rjiez6bjMZSAZzIViPjygXzhWDNKyhXSRdSufylXKCmKZUipbTrmrBdLFbLebrETj5Ya9bKDaa0YSaTsrTCbY6zfaVVrzRq2Z73Zqjdrya67SzvQr3rBPsadcHmaKfQH0TG-iH4+G3aGPYm-QmnUmgym48r-Xmc+nU8Xcxm05bq5Xy0X1VnS2SHYWOfXaxWGSW-BK1SbYx2e1Xu4P25KC0zh+Pp5O23P9RbbY3Z9yB8nF9Gp+vtwvd4H96q9826yOGzPNwevafrP3rcuhwLHxOl2Gu42Xa+H++V8Ov1uh63p+L6AfmR6+pmvZjlex7OqB17NABiGtsB-4IXB4HAfeQHQausGQTWf7zmhz6-k+G47phZYfpeVGEZ2xGURB2aoXhdEsS2BwYQx560SR7ECaOVg4VhgnMaREniSe0m4cJHGSTJ8lCReKn8VJykaapWnqUp2l6bpcn6UZH6iTRTEGRZJlWWJmmWRR9nftZDnOU5tnGe5hmeTZ5kud5fm+W5gVgcF+JmWxdmuSFEUeaF1ExV5cW8Wu8VEQFCU+Rl6VpUFWW5Tl0UFShRWpYxsY0HQ-BCCIAAKkjSKQciQFQUbweR+VlR1fGZSVvHIaV3XZZ1hXDcV4LtSNg1dSlyUEax3ETWNU2TTN82jeKkZqT1619Txa3LUtq1cTt+39bN9H7UdZ5XTBF3HU2sn+dNc33Wdl0vX2m06dtD2RU9k1vfdN0gYtA3A+hoO7ZD713WegPXR93bw7dnEI7DSN7RGrX-YdiP4ej+Ooxj0NA3jCmPUlMNE4TilRbjBMQ7TONg2TW3lV9jkraz31DQdLMM2zXXIzTFN5VzAs889Euc-T1Pk39SGY592OKyTcNK8TTOq1rUEK7rsVi0twvywbC0671p0ayD5sna9Vsm6ZHN0-zcuC+LrtvjbfPnR7Msu174Nu7LXvG0H-uixbWNhz7Afc37McR7baO+87Cd65Hyex9LqdU1nKfM-M4UZyjeel4n3u5+XgeS+7Zfp0nJdV3HOek9nBcnEXDci-XFet-nlN93Xptdw7P3V-Hlc9+PLeZ03BMVfAKBpCwTBKHVUiyJQkDADYIDkEoLjEAAcvgS98Cg+AAFacKQIDwKQnCcBIR9PxoIAAMJ3yABgSPglQACyL2XqvAAkjIcg+Ql4yAkHwJATB8AyE4CAKwVggA https://makeloops.online/#s=N4IgbiBcCMA0ICMAOBbK0BMAGeAbAhgJ...
nfbx 9mo ago
[dead]
selvaprakash 9mo ago
Love it! I've been planning to learn music. This pushed me further.
saaaaaam 9mo ago
This is great! Really intuitive and clean. It would be nice if when you add a note in the “melodic” set it played it as you add it, rather than having to add them then preview the loop.
- bilalba 9mo ago
  That's a good feature request. Implemented!
Wolfenstein98k 9mo ago
Great stuff. Thanks for sharing. Great way to help nudge people along in musical interest.
saaaaaam 9mo ago
If you change octave while programming a melody it loses it - eg I place C4 then change to octave 5 using the dropdown and place C5 then switch back to octave 4 and place C4 etc Expected behaviour would be to have a simple oscillating octave pattern. When I press “preview” it plays it in whatever octave register I’ve selected in the drop down - so if I’m in octave 4 when I press preview it plays c4 repeatedly. If I’m in octave 5 it plays c5 repeatedly.
- bilalba 9mo ago
  I understand what you're saying. Changing the octave/instrument applies changes to the complete grid. A way to get around this problem is to program octave 4's in one grid, save to the loop, and add another layer of octave 5's. I could easily program supporting multiple instruments/octaves in a single grid but I'm not sure if that'll be intuitive to use. I'll do some research on this.
  - saaaaaam 9mo ago
    Easy fix: make your grid a full eight notes. C4 to C5 and allow users to change the register. Auxy is a great iteration of what you are building.
    - bilalba 9mo ago
      Makes sense! Thank you again for the suggestion, I implemented it. Tried Auxy, it's a great app!

70 points by bilalba 9mo ago

I created a small webapp, to create simple audio loops online. A bit rough around the edges but gets you started in less than 10 seconds on creating loops.

antback 9mo ago

It looks great. A couple of features that would make it truly useful are currently missing: - Save/Load and Import/Export functionality. - The ability to edit loops after they have been added. Thanks for sharing.

bilalba 9mo ago
Thank you for checking it out and really appreciate the feedback! I'll be on it.
bilalba 9mo ago
- I added the Save/Load feature that saves your sessions within your browser. - Added the option to export as .wav - Added ability to edit loops on the grid, along with some other QOL features!

handfuloflight 9mo ago

Very fun. Needs an educational mode.

bilalba 9mo ago
Thank you, I'll work on it!

treavorpasan 9mo ago

Love it, I got no musical background. But got me hooked.

bilalba 9mo ago
Love to hear it!

fassssst 9mo ago

It’s a bit low effort. If you like this kind of thing I’d suggest https://roland50.studio/ https://roland50.studio/

bilalba 9mo ago
Yes I agree, it is currently a side-project that is 2 days old! Also brilliant suggestion, played with it and really liked it!

oliwary 9mo ago

Fun! Well done. I created a loop in the drum mode, and then wanted to add a melodic track to it, so I clicked the melodic button. This erased my drum pattern instead - would be good if they could play over each other, and would not be erased by switching.

bilalba 9mo ago
Yes I understand what you're saying! I'll fix this. Edit: Fixed!
- junon 9mo ago
  Seems you can only have one drum and one melody track, can't add a new one? When I try it stops playing the other tracks.
  - bilalba 9mo ago
    You have to add them to the Looper with the "Add to the Looper" button. I need to think of a better UX for that. Let me know if you have ideas!
    - junon 9mo ago
      I did that, so maybe I'm just missing something but after adding them to the looper and deleting the notes to start a new layer, the old layer doesn't play anymore. I'd suggest instead of making the loop layers and editors "siblings" ontologically, instead default on app load to have a single layer, then have the option to add more layers and switch between them - add layer then edit, instead of creating a layer and adding it to a list. I really do like the randomization though, it actually sounded surprisingly nice. Took me a moment to realize what was happening but it's actually a seemingly simple feature that's hard to achieve in full blown DAWs.
  - bilalba 9mo ago
    I just saw your comment, I couldn't reply to it there, but I just added the edit layer feature, along with other QOL features. Also, did you try the preview with loop button? It's in the preview drop down. It should let you preview the grid along with what's already in the loop.

richrichardsson 9mo ago

Minor bug: if you manage to Mute a synth part between the note on and note off events it will continually sound until pressing stop, even if un-muting that part.

bilalba 9mo ago
Yup I've noticed that. I'll try to fix it. I tap the stop button again to make it stop.
bilalba 9mo ago
Bug should be fixed now.

mettamage 9mo ago

I created this pattern. I wish it was shareable but couldn't find the share feature. Steps | 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 -------|----------------------------------------------- Kick | X . . . X . . . X . . . X . . . Snare | . . X . . . X . . . . X . . X . HH Cls | . X . X . X . X X . X . X . . X HH Opn | . . . . X . . . . . . . X . . . Clap | . . . . . . X . . . . . . . . X Rim | X X X X X X . X . X . X X . X . Tom L | . . . . X . . . . . . . X . . . Tom M | . . . . . . . . . . . . . . . . Tom H | . . . . . . . . . . . . . . . . Crash | . . . . . . . . . . . . . . . . Perhaps fun fact: I uploaded the screenshot into Gemini and asked it to transform it into ASCII. Claude made a less pretty one.

bilalba 9mo ago
Yup I'm thinking of ways to make it shareable. This is a client-side static website(runs completely on your end) so won't be able to make backend-supported links. Edit: Implemented!
- thehamkercat 9mo ago
  Can put all data in the url itself :)
  - bilalba 9mo ago
    Just implemented it!
    - mettamage 9mo ago
      Here it is https://makeloops.online/#s=N4IgbiBcCMA0ICMAOBbK0BMAGeAbAhgJ4CmATgM5QDaAuvAOakCWAJlKCgPYvFQgukArikrwk+AC4SyAO2pVQ+AMYSmYXpAlDi8dbk5KmEwlCwA6ABwBfWIpVqNAM3y5yO8MX2Hjpyzbuq6lDOru56BkYmkObWtiDKgU4ubrqeET7RfnEJDlBagmFp3lEx-vH2QZAhKR5ekb6xAblVyYV1GaXZFUmhqe0lWU2V+W3pA43licGtfWMNZTmV1aPF811TLb21c5kTixojs6u7C93TW+HHnUM9NZf1J+vNy0cPpXQKk88z21eDX0sfvcOv99nltK8QXszps7kU3qCYS9fgjoRtkcDxqcNocUVDsd8LvD8U9AUT+msbuc4RTHlTYStUQThhC8VjSbdGST6Rjiez6bjMZSAZzIViPjygXzhWDNKyhXSRdSufylXKCmKZUipbTrmrBdLFbLebrETj5Ya9bKDaa0YSaTsrTCbY6zfaVVrzRq2Z73Zqjdrya67SzvQr3rBPsadcHmaKfQH0TG-iH4+G3aGPYm-QmnUmgym48r-Xmc+nU8Xcxm05bq5Xy0X1VnS2SHYWOfXaxWGSW-BK1SbYx2e1Xu4P25KC0zh+Pp5O23P9RbbY3Z9yB8nF9Gp+vtwvd4H96q9826yOGzPNwevafrP3rcuhwLHxOl2Gu42Xa+H++V8Ov1uh63p+L6AfmR6+pmvZjlex7OqB17NABiGtsB-4IXB4HAfeQHQausGQTWf7zmhz6-k+G47phZYfpeVGEZ2xGURB2aoXhdEsS2BwYQx560SR7ECaOVg4VhgnMaREniSe0m4cJHGSTJ8lCReKn8VJykaapWnqUp2l6bpcn6UZH6iTRTEGRZJlWWJmmWRR9nftZDnOU5tnGe5hmeTZ5kud5fm+W5gVgcF+JmWxdmuSFEUeaF1ExV5cW8Wu8VEQFCU+Rl6VpUFWW5Tl0UFShRWpYxsY0HQ-BCCIAAKkjSKQciQFQUbweR+VlR1fGZSVvHIaV3XZZ1hXDcV4LtSNg1dSlyUEax3ETWNU2TTN82jeKkZqT1619Txa3LUtq1cTt+39bN9H7UdZ5XTBF3HU2sn+dNc33Wdl0vX2m06dtD2RU9k1vfdN0gYtA3A+hoO7ZD713WegPXR93bw7dnEI7DSN7RGrX-YdiP4ej+Ooxj0NA3jCmPUlMNE4TilRbjBMQ7TONg2TW3lV9jkraz31DQdLMM2zXXIzTFN5VzAs889Euc-T1Pk39SGY592OKyTcNK8TTOq1rUEK7rsVi0twvywbC0671p0ayD5sna9Vsm6ZHN0-zcuC+LrtvjbfPnR7Msu174Nu7LXvG0H-uixbWNhz7Afc37McR7baO+87Cd65Hyex9LqdU1nKfM-M4UZyjeel4n3u5+XgeS+7Zfp0nJdV3HOek9nBcnEXDci-XFet-nlN93Xptdw7P3V-Hlc9+PLeZ03BMVfAKBpCwTBKHVUiyJQkDADYIDkEoLjEAAcvgS98Cg+AAFacKQIDwKQnCcBIR9PxoIAAMJ3yABgSPglQACyL2XqvAAkjIcg+Ql4yAkHwJATB8AyE4CAKwVggA https://makeloops.online/#s=N4IgbiBcCMA0ICMAOBbK0BMAGeAbAhgJ...

nfbx 9mo ago

[dead]

selvaprakash 9mo ago

Love it! I've been planning to learn music. This pushed me further.

saaaaaam 9mo ago

This is great! Really intuitive and clean. It would be nice if when you add a note in the “melodic” set it played it as you add it, rather than having to add them then preview the loop.

bilalba 9mo ago
That's a good feature request. Implemented!

Wolfenstein98k 9mo ago

Great stuff. Thanks for sharing. Great way to help nudge people along in musical interest.

saaaaaam 9mo ago

If you change octave while programming a melody it loses it - eg I place C4 then change to octave 5 using the dropdown and place C5 then switch back to octave 4 and place C4 etc Expected behaviour would be to have a simple oscillating octave pattern. When I press “preview” it plays it in whatever octave register I’ve selected in the drop down - so if I’m in octave 4 when I press preview it plays c4 repeatedly. If I’m in octave 5 it plays c5 repeatedly.

bilalba 9mo ago
I understand what you're saying. Changing the octave/instrument applies changes to the complete grid. A way to get around this problem is to program octave 4's in one grid, save to the loop, and add another layer of octave 5's. I could easily program supporting multiple instruments/octaves in a single grid but I'm not sure if that'll be intuitive to use. I'll do some research on this.
- saaaaaam 9mo ago
  Easy fix: make your grid a full eight notes. C4 to C5 and allow users to change the register. Auxy is a great iteration of what you are building.
  - bilalba 9mo ago
    Makes sense! Thank you again for the suggestion, I implemented it. Tried Auxy, it's a great app!