5 ms·
Show HN: 8bars – Make Music in the Browser
- parsecs 6y agoI suggest disabling autoplay when you open the link. I got startled pretty badly with the very loud and unexpected beeping sounds
- amadeuspagel 6y agoI think autoplay is important to draw people in, but I'll implement master volume control, and set it to 50% by default. EDIT: Done. EDIT2: I've disabled autoplay anyway, because on some browsers it doesn't work properly.
- knaik94 6y agoI think not having sawtooth be the default would also help a lot.
- reitzensteinm 6y agoUntil you click in Chrome, it's not allowing the playing of any sounds. At which point, it plays everything that's been queued up. Even at 50% volume, dozens of sawtooth samples laid out on top of each other playing simultaneously is not pleasant. I think you could easily prevent both by just having a button that takes up 1/4 the screen that says something like "Play Demo ". After that, you get your interaction event and people get their warning. (That was meant to be a https://emojipedia.org/musical-note/ https://emojipedia.org/musical-note/ in the Play Demo button but apparently HN strips these. Which makes sense!)
- amadeuspagel 6y agoWow that sucks. I've disabled autoplay.
- _adamb 6y agoI just visited, post 50% volume adjustment (I love this sort of thing!), and immediately my speakers crunched with sawtooth grunge and other sounds. I don't think I've ever closed a tab faster. You really should take parsecs' advice and disable the autoplay. If anyone else is planning on checking it out, make sure to set your speakers or headphones to the lowest volume possible first to avoid destroying your speakers and ears.
- amadeuspagel 6y agoSorry, I've disabled autoplay.
- iamcurious 6y agoAwesome. It seems to me the browser has eaten almost everything but music creation. That is too bad, because each year sounds seems more important in social networks.
- ioseph 6y agoNice work! One small suggestion to improve the UI would be to use cursor: col-resize on the edges of the notes to show they are draggable and change the length as the user drags to give visual feedback.
- amadeuspagel 6y agoThanks :) I've implemented cursor: col-resize, but due to the hacky way the note grid works, it's kind of hard to implement visual feedback when dragging.
- ioseph 6y agoWow quick turn around!
- snissn 6y agoI see a blank screen on iPhone. It’s fine if you don’t want to support all browsers but you should show a message if the browser isn’t supported. For all I know it’s still loading Edit fixed! Works on iPhone now!
- amadeuspagel 6y agoCould you check the console, and tell me if there's some kind of error message? And could you try checking the website without private browsing on? The website requires localStorage, and if that doesn't work, I guess the execution stops there, and it doesn't show anything. See: https://stackoverflow.com/questions/12630396/localstorage-not-working-on-ipad-and-iphone https://stackoverflow.com/questions/12630396/localstorage-no...
- guessmyname 6y ago> Could you check the console, and tell me if there's some kind of error message? The error message → “ReferenceError: Can't find variable: AudioContext” You can’t do this in some browsers → “c = new AudioContext” [1] You need to wrap this API in a condition like so [2] [1] https://caniuse.com/#search=AudioContext https://caniuse.com/#search=AudioContext [2] https://stackoverflow.com/a/29373891 https://stackoverflow.com/a/29373891
- amadeuspagel 6y agoThanks, I implemented your suggestion. Hope it works now.
- terrycody 6y agoThanks, a really neat tool to create some interesting music piece.
- deleted 6y ago[deleted]
- _curious_ 6y agoThanks for making and sharing, fun!
- atum47 6y agothis is really good. this is the second project about javascript music I've seen on HN. I would love to learn more about music so I could take a shot at creating procedural music for games.