[{"data":1,"prerenderedAt":181},["ShallowReactive",2],{"project-25408690":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":38,"post_text":40,"what":41,"said":63,"maker_in_thread":110,"shape":120,"grid":123,"attempts":142,"same_week":143,"maker_shows":173,"maker_hidden":174,"reader_version":175,"card":176},"25408690","WASM-Synth","A Synthesizer with WASM","title","Show HN: I Built a Synthesizer with WASM","https:\u002F\u002Ftimdaub.github.io\u002Fwasm-synth\u002F","timdaub.github.io","timdaub",1607883437,2020,25,10,1510,3028,50,"shown","creative","software synthesizer","web_app",[24,25,26,27],"web synthesizer","webassembly audio","audioworklet","browser synth","mixed",-0.25,{"positive":31,"neutral":32,"mixed":33,"critical":32},0,2,1,5,{"execution":36,"idea":37},{"positive":31,"critical":32},{"positive":31,"critical":31},[33,33,39,31,31,39,31,39,31,31],3,null,{"problem":40,"audience":40,"pricing":40,"motivation":40,"time_to_build":40,"stack":42,"openness":61,"stage":62,"team_size":62},[43,49,55],{"value":44,"source":45,"evidence":46},"WebAssembly","maker",[47],{"id":48},"post",{"value":50,"source":45,"evidence":51},"React",[52],{"id":53,"by":11,"text":54},"25415006","Hey, actually the interface is built with React. The piano itself is a third-party component from someone on GitHub. The knobs and the ADSR graph are react components too that I…",{"value":56,"source":45,"evidence":57},"Web Audio AudioWorklet",[58],{"id":59,"by":11,"text":60},"25409428","Hey ArtWomb, glad that you're interested. Actually, I've never done anything with real time sound synthesis myself. To your question: Recording audio or store a blob file.…","open_source","unknown",{"praise":64,"objections":65,"requests":89,"questions":97,"alternatives":102},[],[66,82],{"value":67,"source":68,"evidence":69},"Audio fails or page goes blank in some browsers, needing a refresh","commenter",[70,74,78],{"id":71,"by":72,"text":73},"25411134","cbarrick","This is very broken on Firefox on my machine. Everytime I click a key, it loads up a blank white page with a constant tone in the background. I have to refresh to fix it up.",{"id":75,"by":76,"text":77},"25411897","T-A","Same on Chrome-based Edge on Windows 10.",{"id":79,"by":80,"text":81},"25412710","buzzerbetrayed","Happened to me on edge, then I reloaded and waited a few seconds before clicking anything and it worked.",{"value":83,"source":68,"evidence":84},"No sound in Safari 13",[85],{"id":86,"by":87,"text":88},"25414082","FraKtus","It does not work for me with Safari 13, no sound. Works fine with Chrome. This is nice! Can you explain how you implemented the interface?",[90],{"value":91,"source":68,"evidence":92},"Add recording functionality",[93],{"id":94,"by":95,"text":96},"25409298","ArtWomb","Uncanny! I was literally just going to post this here in HN ;) timdaub, do you know if it's possible to generate the sound file in a second thread and store the blob file in a…",[98],{"value":99,"source":68,"evidence":100},"How the interface was implemented",[101],{"id":86,"by":87,"text":88},[103],{"value":104,"source":68,"evidence":105},"Chrome Music Lab Song Maker",[106],{"id":107,"by":108,"text":109},"25418647","seesawtron","You might also like this: https:\u002F\u002Fmusiclab.chromeexperiments.com\u002FSong-Maker\u002Fsong\u002F5208554320429056",{"comments":111,"answered":32,"key":112},4,[113,116,119],{"id":114,"text":115},"25414962","Ah yes, I know this problem. The problem is that many browsers want the audio context to be loaded upon user interaction (e.g. a key press). What causes the bug is that I…",{"id":117,"text":118},"25408701","Hi, OP here. I also wrote a long blog post about my journey building it here: https:\u002F\u002Ftimdaub.github.io\u002F2020\u002F02\u002F19\u002Fwasm-synth\u002F Have fun jamming :)",{"id":59,"text":60},{"commenters":121,"max_depth":111,"maker_replies":111,"first_comment_mins":32,"lifespan_hours":122},7,21,[124,126,127,129,131,133,135,136,138,140],[71,31,33,125,72,31],"project\u002Fcritical\u002Fexecution",[75,31,33,125,76,31],[79,31,39,128,80,31],"project\u002Fneutral\u002Fexecution",[114,31,31,130,11,33],"maker\u002Fneutral\u002Fexecution",[117,33,31,132,11,33],"project\u002Fneutral\u002Fnone",[94,33,39,134,95,31],"maker\u002Fneutral\u002Fidea",[59,33,31,134,11,33],[86,33,39,137,87,31],"project\u002Fmixed\u002Fexecution",[53,33,31,139,11,33],"maker\u002Fneutral\u002Fdesign",[107,32,31,141,108,31],"other\u002Fneutral\u002Fnone",[],[144,149,154,159,164,169],{"id":145,"name":146,"points":147,"category":148},"25372464","SongBox",647,"web_saas",{"id":150,"name":151,"points":152,"category":153},"25434753","33Mail",442,"productivity",{"id":155,"name":156,"points":157,"category":158},"25414389","Typesense Books Search",424,"data",{"id":160,"name":161,"points":162,"category":163},"25405259","A Book Like Foo",344,"learning_science",{"id":165,"name":166,"points":167,"category":168},"25429685","Polotno Studio",180,"dev_tools",{"id":170,"name":171,"points":172,"category":168},"25394567","Devbook",168,6,false,"v2",{"id":177,"name":5,"line":6,"ai":174,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":29,"top":18,"kw":178,"maker":11,"domain":10,"tier":19,"attempts":31,"strip":179,"url":9,"mix":180,"praise":-1,"objection":67,"sub":21},25408690,[24,25,26,27],"1130030300",[31,32,33,32],1794036599544]