[{"data":1,"prerenderedAt":335},["ShallowReactive",2],{"project-3905318":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":42,"post_text":45,"what":46,"said":68,"maker_in_thread":188,"shape":196,"grid":200,"attempts":298,"same_week":299,"maker_shows":32,"maker_hidden":328,"reader_version":329,"card":330},"3905318","Beatbar","Media player that beats in the browser address bar","title","Show HN: Beatbar - Media player that beats in the browser address bar","http:\u002F\u002Fjaipandya.github.com\u002Fbeatbar","jaipandya.github.com","jaip",1335681468,2012,147,43,132,1677,8,"notable","creative","music player","web_app",[21,24,25,26,27],"soundcloud","browser address bar","html5 audio","soundmanager","debated",0,{"positive":18,"neutral":31,"mixed":32,"critical":33},9,2,13,32,{"performance":36,"execution":38,"idea":40,"design":41},{"positive":37,"critical":29},1,{"positive":37,"critical":39},12,{"positive":32,"critical":37},{"positive":37,"critical":29},[43,29,37,29,37,43,37,44,37,29,43,43,44,37,37,29,43,29,37,43,37,29,37,37,37,44,43,43,29,37,44,44,43,29,43,29,44,44,44,37],3,5,null,{"problem":45,"audience":45,"pricing":45,"motivation":45,"time_to_build":45,"stack":47,"openness":67,"stage":67,"team_size":67},[48,55,59],{"value":49,"source":50,"evidence":51},"SoundCloud API used to fetch streams","maker",[52],{"id":53,"by":11,"text":54},"3905399","It uses soundManager for cross browser audio handling. It first tries with flash and fallbacks to html5 if flash is not available. Firefox with flash disabled wouldn't support…",{"value":56,"source":50,"evidence":57},"soundManager for cross-browser audio, Flash with HTML5 fallback",[58],{"id":53,"by":11,"text":54},{"value":60,"source":61,"evidence":62},"jQuery","inferred",[63],{"id":64,"by":65,"text":66},"3905443","nowarninglabel","Hmm, that's odd, I'm using Chrome 19.01 and have no other plugins running asides FlashBlock. Once I disabled flash block everything ran fine. Does this version of Chrome not…","unknown",{"praise":69,"objections":104,"requests":149,"questions":179,"alternatives":187},[70,82,93],{"value":71,"source":72,"evidence":73},"Creative, wow-inducing hack","commenter",[74,78],{"id":75,"by":76,"text":77},"3905335","u4","every once in a while one bumps into something fairly useless(no disrespect) but insanely creative wow-&-smile-inducing piece of code here on HN. thanks for this. more power to…",{"id":79,"by":80,"text":81},"3905864","hsb","This is the biggest \"wow\" I've seen in a long time for something that was otherwise completely useless. The ultimate definition of a hack. Absolutely awesome.",{"value":83,"source":72,"evidence":84},"Nice design and font choice",[85,89],{"id":86,"by":87,"text":88},"3905323","prezjordan","Very cool! I think you're limited by the font - strangely enough. But this is very nice. Creative.",{"id":90,"by":91,"text":92},"3906146","captn3m0","On a slightly different note, I liked the choice of font for the main text. The font is Varela Round, from Google Webfonts. (http:\u002F\u002Fwww.google.com\u002Fwebfonts\u002Fspecimen\u002FVarela+Round)",{"value":94,"source":72,"evidence":95},"Works on iPhone and iPad",[96,100],{"id":97,"by":98,"text":99},"3905717","gghootch","To my surprise, this worked perfectly on my iPhone...",{"id":101,"by":102,"text":103},"3905847","kristianc","HTML5 fallback seems to work fine on Safari iPad",[105,127,138],{"value":106,"source":72,"evidence":107},"Fills browser history with entries",[108,112,116,120,124],{"id":109,"by":110,"text":111},"3905540","mansoor-s","Very cool indeed, but the title should be more like \"Media player that spams your browser's history DB\"",{"id":113,"by":114,"text":115},"3905565","flexd","Cool idea! but not cool that it has completely filled my web browsing history, thanks.",{"id":117,"by":118,"text":119},"3905582","DoublePlusWill","It filled up my history as well. I'm on Chrome on a macbook. I love the idea!",{"id":121,"by":122,"text":123},"3905590","mahcuz","Filled mine, too. Firefox 11.",{"id":125,"by":114,"text":126},"3908523","Chrome dev\u002Fbeta channel on osx. :) Version 19.0.1084.36 beta",{"value":128,"source":72,"evidence":129},"Does not work with Flash blocked",[130,133,134],{"id":131,"by":65,"text":132},"3905384","If this doesn't work for anyone else, note that beatbar relies on soundcloud, and thus flash. I had flash blocked so was getting a javacript error because beatbar was undefined,…",{"id":64,"by":65,"text":66},{"id":135,"by":136,"text":137},"3905594","pvidler","It doesn't seem to work in Safari with click2flash, either. Possibly because click2flash doesn't actually disable flash, it just requires a click -- but there's nothing to click…",{"value":139,"source":72,"evidence":140},"Reload button and favicon flash",[141,145],{"id":142,"by":143,"text":144},"3905734","mmahemoff","This is using the Ajax-era hash hack to change URL, which is causing problems with history and makes the reload button and favicon flash. I'd suggest using HTML5 history,…",{"id":146,"by":147,"text":148},"3905481","rhizome","The reload button flashes like crazy.",[150,158,165,172],{"value":151,"source":72,"evidence":152},"Use HTML5 replaceState for URL changes",[153,154],{"id":142,"by":143,"text":144},{"id":155,"by":156,"text":157},"3906136","georgefox","What about detecting replaceState support and falling back to location.replace if necessary?",{"value":159,"source":72,"evidence":160},"Show artist or track name",[161],{"id":162,"by":163,"text":164},"3908350","fldrog","Nice work:) You could add the name of the artist\u002Fmelody...",{"value":166,"source":72,"evidence":167},"Use unicode control characters",[168],{"id":169,"by":170,"text":171},"3905364","julioc","You could use unicode for the controls. I modified the local code to use \"‖\" (and, due to a bug I guess, the chrome address bar became monospaced). If you need, check some…",{"value":173,"source":72,"evidence":174},"Stop space key from scrolling page",[175],{"id":176,"by":177,"text":178},"3905535","badboy","Awesome work. Just do me one favour: Add \"return false\" to the function bound to \"space\", otherwise the page scrolls when I hit it to pause.",[180],{"value":181,"source":72,"evidence":182},"Why does it fail when Flash is blocked",[183,184],{"id":64,"by":65,"text":66},{"id":185,"by":11,"text":186},"3905458","I think soundManager requires some special handling for flashblock cases. I didn't test with flashblock on. Thanks for reporting the issue.",[],{"comments":189,"answered":37,"key":190},10,[191,192,193],{"id":53,"text":54},{"id":185,"text":186},{"id":194,"text":195},"3905770","I started with replaceState only, but later I realized there was no specific gain that I was having (other than slightly good looking string without hash). This method also…",{"commenters":197,"max_depth":198,"maker_replies":189,"first_comment_mins":198,"lifespan_hours":199},29,6,26,[201,203,205,207,208,209,211,214,216,217,218,220,221,223,224,226,227,229,232,234,237,240,242,244,247,248,249,250,252,255,257,259,260,262,264,267,271,273,276,281,285,289,293],[131,29,43,202,65,29],"project\u002Fneutral\u002Fperformance",[53,29,29,204,11,37],"maker\u002Fneutral\u002Fexecution",[64,29,37,206,65,29],"project\u002Fcritical\u002Fexecution",[185,29,29,204,11,37],[135,29,37,206,136,29],[210,29,43,204,143,29],"3905910",[212,29,37,206,213,29],"3905605","edu",[101,29,44,215,102,29],"project\u002Fpositive\u002Fexecution",[142,37,37,206,143,29],[194,37,29,204,11,37],[219,37,43,204,143,29],"3905853",[155,37,43,204,156,29],[75,32,44,222,76,29],"project\u002Fpositive\u002Fidea",[109,43,37,206,110,29],[225,43,29,204,11,37],"3905568",[117,43,37,206,118,29],[228,43,29,204,11,37],"3905596",[230,43,43,231,110,29],"3905601","project\u002Fneutral\u002Fexecution",[233,43,29,204,11,37],"3905609",[235,43,37,206,236,29],"3905640","darklajid",[238,43,43,231,239,29],"3905682","RenierZA",[113,241,37,206,114,29],4,[243,241,29,204,11,37],"3905575",[245,241,37,206,246,29],"3905578","JOfferijns",[121,241,37,206,122,29],[125,241,37,206,114,29],[79,44,44,222,80,29],[169,198,43,251,170,29],"project\u002Fneutral\u002Fdesign",[253,198,29,254,11,37],"3905390","maker\u002Fneutral\u002Fdesign",[176,256,43,231,177,29],7,[258,256,29,204,11,37],"3905558",[146,18,37,206,147,29],[90,31,44,261,91,29],"project\u002Fpositive\u002Fdesign",[97,189,44,263,98,29],"project\u002Fpositive\u002Fperformance",[86,265,43,266,87,29],11,"project\u002Fmixed\u002Fdesign",[268,39,29,269,270,29],"3905862","other\u002Fneutral\u002Fnone","jmonegro",[162,33,43,272,163,29],"project\u002Fneutral\u002Fidea",[274,33,29,275,11,37],"3908418","maker\u002Fneutral\u002Fidea",[277,278,44,279,280,29],"3906464",14,"maker\u002Fpositive\u002Fnone","ss_ninja",[282,283,44,279,284,29],"3905454",15,"vishus",[286,287,44,279,288,29],"3905700",16,"mackyinc",[290,291,43,266,292,29],"3906383",17,"kefs",[294,295,37,296,297,29],"3905735",18,"project\u002Fcritical\u002Fidea","sohn",[],[300,305,310,315,319,324],{"id":301,"name":302,"points":303,"category":304},"3910304","Million Short",552,"data",{"id":306,"name":307,"points":308,"category":309},"3896931","iPG",290,"learning_science",{"id":311,"name":312,"points":313,"category":314},"3908844","cv",166,"productivity",{"id":316,"name":317,"points":318,"category":309},"3906373","Teach Yourself To Code",102,{"id":320,"name":321,"points":322,"category":323},"3896283","LiquidGraph",101,"ai",{"id":325,"name":326,"points":327,"category":304},"3901058","friggeri.net",95,false,"v2",{"id":331,"name":5,"line":6,"ai":328,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":332,"maker":11,"domain":10,"tier":19,"attempts":29,"strip":333,"url":9,"mix":334,"praise":71,"objection":106,"sub":21},3905318,[21,24,25,26,27],"3010131510335110301310111533015530305551",[18,31,32,33],1793990880940]