New #audio dweets

function u(t) {

c.width=1920 // clear the canvas
for(i=0;i<9;i++)
x.fillRect(400+i*100+S(t)*300,400,50,200) // draw 50x200 rects

} // 122/140

Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile)


    u(t) is called 60 times per second.
    t: Elapsed time in seconds.
    S: Shorthand for Math.sin.
    C: Shorthand for Math.cos.
    T: Shorthand for Math.tan.
    R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5)
    c: A 1920x1080 canvas.
    x: A 2D context for that canvas.

Try the new frontend: beta.dwitter.net
Current theme challenge: #Food

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

onkeyup=e=>{T||a.close();a=new AudioContext;o=a.createOscillator();o.connect(a.destination);o.frequency.value=7*1.06**e.keyCode;T=o.start()}

Apr 13 2017 12:32 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

A piano you can play with your keyboard. G is middle-c, i think

Show more comments…
u/joeytwiddle

Twinkle little star: GGNNPPN LLKKIIG NNLLKKIx2 GGNNPPN LLKKIIG
u/joeytwiddle

Silent Night: G IG D, G IG D, N NK, L LG, (I IL KIG IGD)x2, N NQ NKL P LGDGEB L
u/joeytwiddle

Star Wars: (IIIN U SRPZ U SRPZ U SRSP)x2 I IK KSRPN NPRP KM, I IK KSRPN UP. I IK KSRPN NPRP KM, IIN LJI GED BI. IKNSP
u/joeytwiddle

Thanks to @donbright who showed me where i could save 5 chars
u/iverjo

Very impressive :D
u/donbright

this is unbelievable. (ps thx but i stole the idea from others here)
u/donbright

(ok technically they gave it to me prob @cantelope / @manga)
u/Woodmouth

This is the strangest piano i've ever played, but good job!
u/Woodmouth

Also, i found a way to stop it, just press shift. (or any other key with a value too high or low to hear (At least i think that's what happens))
u/joeytwiddle

and of course thanks to New_Core for the intro to Web Audio API
u/joeytwiddle

#audio #music #piano #interactive
u/joeytwiddle

Star Trek intro: R M P H, F KP OKHMR RV Q T L, J OT SOLQV VZ
u/joeytwiddle

Star Trek main: B-L-KIGFE, C B-N-LKIGF, E-D FGIKLKN Q, P N D, I G (ILPS!)
u/joeytwiddle

One more you might know: NPSP WWU, NPSP UUS, NPSP S UR N NU S
u/joeytwiddle

Check the old comments for some simple tunes to play. You'll need to click on the blank canvas for keyboard focus. Hit Space, Shift or Escape for "silence".

show FPS hide FPS share fullscreen

joeytwiddle

remix of d/1763 by u/New_Core

function u(t) {

c.onclick=_=>window.a||(a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start(),c.onmousemove=e=>o.frequency.value=e.x)

Apr 8 2017 8:22 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Starts making noise if you click on the canvas. Hopefully you can silence it by going left, but no guarantees!

u/cantelope

"woooOOOOoooOOOO" :D
u/magna

It's a dweetheremin!
u/joeytwiddle

Yes it is :) More fun with a wider frequency range: o.start());c.onmousemove=e=>o.frequency.value=5*e.x
u/lionleaf

Haha, amazing! Fullscreen gives you a wider audio range :)
u/joeytwiddle

#audio #interactive

show FPS hide FPS share 1 remix fullscreen

sfz

remix of d/2246 by u/pangolin

function u(t) {

new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAEAfAAACABAAZGF0YaIZ"+Array(69).join((~new Date%t+'').slice(3))).play()

Mar 22 2017 8:14 AM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Now that's not annoying

u/pangolin

haha, beautiful work of art.
u/techiew

fuck you
u/joeytwiddle

Argh! I had my headphones on.
u/joeytwiddle

#audio
u/Purpzie

I don't even have my sound on right now, I'll have to come back to it later. Most unique dweet I've seen in a while though!

show FPS hide FPS share 1 remix fullscreen

pangolin

function u(t) {

if(t-~~t<.5){new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+Array(90).join("DWEET")).play();}

Mar 21 2017 3:46 PM UTC

}// 140/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Show more comments…
u/Myst

Play freebird
u/pangolin

I've been trying to get something that would play different notes, but I can't get it small enough. The next step would clearly be freebird.
u/recursive

There's a separate audio synthesis api that might work. It's kind of wordy though
u/mxfh

;new Audio("data:audio/wav;base64,UklGRsYAAABXQVZFZm10IBAAAAABAAEAQB8AAIA+AAACABAAZGF0YaIZAAA"+c.toDataURL("image/bmp").substr(22,4000)).play()
u/mxfh

have no idea how to tweak the wav header to align samples with imagedata and where the bmp header ends, but just past this to the end of any dweet
u/pangolin

There isn't much that changes in the header info: http://soundfile.sapp.org/doc/WaveFormat/
u/mxfh

ok here's your header tweak tool: http://codepen.io/mxfh/pen/mWLMrJ
u/joeytwiddle

#audio

show FPS hide FPS share fullscreen

New_Core

function u(t) {

t||(a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start(a));t%.2>.1?b=Math.random()*1000|0:o.detune.value=b

Mar 3 2017 12:01 PM UTC

}// 133/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Remove a from o.start(a) .... this one is based on iverjos small size version.

u/13thptr

#audio

show FPS hide FPS share fullscreen

hamptonio

remix of d/1763 by u/New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start(a);o.detune.value=220*S(t+S(t*t))

Mar 2 2017 9:26 PM UTC

}// 124/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Remove "a" from "o.start(a)" to begin the annoyance. This golfing tweak to New_Core's should allow for more complexity to be added...

Show more comments…
u/iverjo

116 characters: if(!t)a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start();o.detune.value=220*S(t+S(t*t))
u/iverjo

115 characters: t||(a=new(AudioContext)(),o=a.createOscillator(),o.connect(a.destination),o.start());o.detune.value=220*S(t+S(t*t))
u/iverjo

Room for 25 more characters of fun! :D
u/hamptonio

if(!t){a=new(AudioContext)();o=[];for(i=6;i--;){q=o[i]=a.createOscillator();q.connect(a.destination);q.start()}}o[t%6|0].detune.value+=S(t)
u/hamptonio

multivoice above
u/iverjo

#audio

show FPS hide FPS share fullscreen

iverjo

remix of d/1763 by u/New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.type='square',o.connect(a.destination),o.start(a);o.frequency.value=800*S(t)

Mar 2 2017 6:43 PM UTC

}// 136/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

Remove the a in o.start(a) to start the anoying thing xD

u/iverjo

#bartjs
u/iverjo

Warning: The sound may be louder than you expect
u/iverjo

Looks like it doesn't work in Firefox
u/iverjo

#audio
u/joeytwiddle

#police

show FPS hide FPS share 4 remixes fullscreen

New_Core

function u(t) {

if(!t)a=new(window.AudioContext)(),o=a.createOscillator(),o.type='sine',o.connect(a.destination),o.start(a);o.frequency.value=400*S(t);

Mar 2 2017 2:06 PM UTC

}// 135/140

Please log in (or register) to post as a new dweet (copy-paste code somewhere safe to save it meanwhile).

remove the a in o.start(a) to start the anoying thing ;) I did it like this so it dont bother the site to much...

u/iverjo

Haha, this is awesome xD
u/joeytwiddle

Thanks for this nice mini introduction to the Audio API. I remixed it into a theramin: https://www.dwitter.net/d/2446
u/iverjo

#audio

You've reached the end.

dwitter.net | #audio