Harmogram

Creative

music visualizer

SHOW HN2012

Harmogram

Harmogram, Web Audio API + Canvas (Paper.js) FFT/Harmonograph

harmogram.com

#harmonograph#web audio api#fft visualization#paper.js#canvas

105points
33comments
#205of 1,677 in 2012
Top 13%of 2012 by points

How HN took it

MixedNo clear lean

5 positive, 7 neutral or asking, 4 mixed, 5 critical, out of 21 comments about the project. Thread score 0.00.

Execution: 0 for, 3 againstIdea: 1 for, 1 againstDesign: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Visualization looks cool and music choices are good

    From 5 comments
    • This is really cool. Only thing that confused me is the UI seems to have a mind of its own sometimes - songs suddenly change themselves, and the list scrolls, and I can't find my…
      FuzzyDunlop on HN
    • God, this is so much cooler than my holiday project :). Nice work. In terms of critique, if you're interested in that, the UI could use some work (the interactions are weird, and…
      notJim on HN
    • nice! looks legit - great music choices too :D
      n1ghtfury on HN
    • Really nice work. Discovered some nice music, too :) When it's on-screen is uses two whole CPUs though (one for the chrome tab, and one for Chrome's GPU-driving process) and the…
      thrownaway2424 on HN
    • beautiful!
      podrivo on HN

Objections

  • Works only in Chrome because Web Audio API is not in other browsers

    From 3 comments
    • ``` Fuck! Sorry but this experiment works only on Google Chrome. ``` Fuck indeed.
      huhtenberg on HN
    • why is it chrome only?
      aioprisan on HN
    • the web audio API isn't implemented in anything else. Firefox uses a proprietary thing that's been deprecated.
      FuzzyDunlop on HN
  • UI is confusing and songs change unexpectedly

    From 2 comments
    • This is really cool. Only thing that confused me is the UI seems to have a mind of its own sometimes - songs suddenly change themselves, and the list scrolls, and I can't find my…
      FuzzyDunlop on HN
    • God, this is so much cooler than my holiday project :). Nice work. In terms of critique, if you're interested in that, the UI could use some work (the interactions are weird, and…
      notJim on HN
  • No sound on Linux Chromium without extra codecs

    From 2 comments
    • No sound in Chromium on Linux (Ubuntu). Unfortunately, that often happens when I click on these experiments, due to lack of MP3 support. There is MP3.js to get around the patent…
      graue on HN
    • chromium-codecs-ffmpeg-extra did it. Thanks! Weird that no corresponding package seems to exist for Firefox.
      graue on HN
  • Uses a lot of CPU and visualization lags the music

    From 1 comment
    • Really nice work. Discovered some nice music, too :) When it's on-screen is uses two whole CPUs though (one for the chrome tab, and one for Chrome's GPU-driving process) and the…
      thrownaway2424 on HN

Requests

  • Add a pause button

    From 1 comment
  • Add microphone input as audio source

    From 1 comment
    • Nice work! Any plans on updating the Github repo https://github.com/adrianleb/harmogram with this version? Reason I ask, I wouldn't mind contributing a feature where the user can…
      umaar on HN

Questions

  • What is the objective of the project

    From 1 comment

Alternatives named

  • Web Audio API sample collection

    From 1 comment
    • Collection of Web Audio experiments: http://chromium.googlecode.com/svn/trunk/samples/audio/samples.html
      spyder on HN
  • puur.tk/better

    From 1 comment
    • Interesting, I did something similar with http://puur.tk/better
      zan2434 on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/4979247)