HN user

mrcoles

522 karma
Posts6
Comments61
View on HN

Love this! Are you exploring more variations in the avatar expressions or does keeping it more limited work better?

Also, are there any unexpected positive or negative outcomes so far? For example, do people feel pressured to smile or anything else like that?

repo: https://github.com/mrcoles/dateknight

My goal was to not have to dig around for the unique documentation for whatever language/library I was using the moment to format a datetime string.

By unifying the codes across different languages, I was able to make a universal translator that could convert between any of the ones I had supported (and provide a structured autocomplete search too).

It’s not perfect, but hopefully makes some other folks’ lives easier!

I also made a convenience library on top of cheeriojs that supports all of their traversing methods via pseudo-classes in the query string: https://github.com/mrcoles/pseudo-cheerio

The Physical Web 12 years ago

Interesting, beacons are definitely becoming more and more present and QR codes never caught on outside factories.

Hi—I built that extension! Thank you for using it. You can view the source code here:

https://github.com/mrcoles/full-page-screen-capture-chrome-e...

It’s malware & spyware free. I built the extension to take a screen cap of a seating chart that I built as a web page for my wedding—since all the other extensions at the time were broken. Why a web page for my seating chart? IDK, I wanted to play with CSS3 columns, alas I should have used photoshop…

I have been contacted by people who want to buy the extension, but it seems too dangerous, since they could easily install their own malware—I wonder if anything like this happened to “Awesome Screenshot”? My own conscience and, more importantly, my personal brand is too important to me to sell it.

In terms of the permissions, when I built it, I had to ask for those permissions in order to make it work. If you find any changes to chrome permissions that let me ask for fewer, please let me know or, better, submit a pull request.

Also, instead of PhantomJS, if you have a Mac, try out `webkit2png`, which works great as long as you don't need to login or interact with a page before the screenshot:

http://www.paulhammond.org/webkit2png/

HTML5 Piano 13 years ago

Each note is generated as a separate sound file when the piano first loads. They're all short wave files. So when you hit a bunch of notes at once, it's just playing several sound files at once.

If you click the square in the upper right, you'll get options to change the waveform and volume response. There are some other options too, like shifting by an octave or changing the color of the piano :)

Better things could be done by using the web audio APIs, but I explicitly started this project wanting to build audio using data URIs.

HTML5 Piano 13 years ago

That is awesome! Despite all the fun I had making this "html5 piano", for electronic pianos, you really can't beat having an actual midi device with weighted keys. I’m looking forward to all the future awesomeness with audio and web—its current state is really frustrating, but it keeps slowly getting better.

HTML5 Piano 13 years ago

That’s a fun idea. I directly used the existing keyboard mapping that garageband employs for keyboard to piano in their app, which tries its best to mimic a piano.

There are lots of things that make actual QWERTY piano difficult, e.g., fewer keys than notes on a piano, hitting complex chords would be very difficult (regular typing doesn't train you to type entire words in a single combined press of keys), computer keyboards have no benefits of weighted keys—but perhaps at least one note a time melodies could be played pretty proficiently by non-musicians with a QWERTY player?

HTML5 Piano 13 years ago

Oh, nice to know and cool products!

I wrote this web app in May 2012—I don’t think iOS was there yet? I’m open to a pull request though https://github.com/mrcoles/javascript-piano but since the project was mainly a test for generating different wave files as dataURIs (and the piano was an afterthought that was actually spawned from this half-baked idea http://mrcoles.com/media/test/guy/ ), idk if the dataURI approach is any easier on iOS yet (or ever will be)?

HTML5 Piano 13 years ago

try some of the other styles and volume responses by clicking on the square in the top right or hitting "?"—to be fair, everything sounds a lot more synth than real… but that wasn't my goal in building this project.

HTML5 Piano 13 years ago

yeah, it can play more notes at once than an iphone screen could!

HTML5 Piano 13 years ago

hrm… maybe my wording wasn’t as clear as I had hoped. It generates the audio ahead of time (as base64 dataURI wave files)—the on-the-fly part is that it’s generated in JavaScript each time you make changes to the settings, like wave-form and volume response (click on the square in the top right or type "?" to see changeable options).

I assume the audio APIs would make less click-y sounds (and don't suggest manually created wave files as a solid way to create perfect sounds), but I also sort of like the clicks. When I presented this at Hack and Tell NYC, I claimed that you had to play it in Firefox 12 to get hear the exact clicks that were originally intended in the product ;?j

HTML5 Piano 13 years ago

hey everyone, I didn't see that this had been posted until now—I wrote this as a fun little experiment with audio in the browser. The main hack here was to generate .wav files at the byte level directly in JavaScript by using data URIs. If you want better quality sounds, I suggest using the actual audio APIs that different browsers have exposed. Also, I think the interface came out pretty neat and the CSS for the keys is pretty nice :)

Feel free to ask any questions or suggest any changes. As @danso pointed out, this is the repo https://github.com/mrcoles/javascript-piano

A little more info—I'm using iTerm2 on Mac OS 10.8.2

Also, it'd be really nice if the open action ended up in my bash history, e.g., open something via `completeme`, close it, and then use ctrl+r or the up arrow to get back to it and open it again.

One more—running the escape command (ctrl+g) seems to exit emacs? (using emacs 24.2.1)

Very cool, I love using this feature on github.

Looks like it looks for github repos, and will search up the tree and back down from there. However, this seems to mess up for me. If I go into a sub-directory in a repo and then try to open a file in the parent directory via `ctl+t`, then it tries to open that filename in the current directory, not from the parent (I'm using emacs as $EDITOR).

One other little thing, is there a way to get curses to cleanup better after itself? My terminal ends up with a relatively large blank spot after finding something, viewing it, and then closing emacs.