Software Development

How this Philly dev turned your keyboard into a drum kit

Make some beats at work.

Like this but not like this. (Photo by Flickr user @metalchris, used under a Creative Commons license)

Keyboard, meet Typedrummer.
It’s Kyle Stetz’s project that turns your keyboard into drums. Stetz is a developer at P’unk Ave. The tool features samples from Philly musician Moon Bounce.
Use Typedrummer
He talked to CNET about how he did it:

The premise is simple: characters from a text box are interpreted as drum sounds one at a time at 120 bpm [beats per minute]. I loaded 26 drum sounds, mapped from A to Z (capital letters play the same samples as their lowercase counterparts). The code starts with the first letter and plays the corresponding sample…When we run out of letters to read, we loop back to the beginning.
On a technical level, I’m using the Web Audio API, which is a new set of tools baked into modern browsers that give developers the ability to program very complex music into a website.

Read the full story
Stetz, along with P’unk Ave’s Kerry Gilbert and designer Leslie Zacharkow, was also behind the Trestleator, a custom app that controls The Trestle Inn’s projections.

(Screenshot)

Best song ever. (Screenshot)

Companies: P’unk Ave

Before you go...

Please consider supporting Technical.ly to keep our independent journalism strong. Unlike most business-focused media outlets, we don’t have a paywall. Instead, we count on your personal and organizational support.

3 ways to support our work:
  • Contribute to the Journalism Fund. Charitable giving ensures our information remains free and accessible for residents to discover workforce programs and entrepreneurship pathways. This includes philanthropic grants and individual tax-deductible donations from readers like you.
  • Use our Preferred Partners. Our directory of vetted providers offers high-quality recommendations for services our readers need, and each referral supports our journalism.
  • Use our services. If you need entrepreneurs and tech leaders to buy your services, are seeking technologists to hire or want more professionals to know about your ecosystem, Technical.ly has the biggest and most engaged audience in the mid-Atlantic. We help companies tell their stories and answer big questions to meet and serve our community.
The journalism fund Preferred partners Our services
Engagement

Join our growing Slack community

Join 5,000 tech professionals and entrepreneurs in our community Slack today!

Trending

The person charged in the UnitedHealthcare CEO shooting had a ton of tech connections

From rejection to innovation: How I built a tool to beat AI hiring algorithms at their own game

Where are the country’s most vibrant tech and startup communities?

The looming TikTok ban doesn’t strike financial fear into the hearts of creators — it’s community they’re worried about

Technically Media