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: #Opposites

show FPS hide FPS share 1 remix fullscreen

f8f82804

function u(t) {

if(t%1<.01)with(o=(a=new AudioContext).createOscillator())connect(a.destination),start(),stop(a.currentTime+1);o.frequency.value=1e3*C(t*69)

Aug 27 2018 7:47 PM UTC

}// 140/140

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

#audio #halting

u/katkip

Nice.
u/katkip

Now it is not jumpscary
u/384.cz

#alien #babble

show FPS hide FPS share fullscreen

Feiro

function u(t) {

eval(unescape(escape`潮捬楣欽弽㹻瀽湥眠䅵摩潃潮瑥硴⠩㭯㵰⹣牥慴敏獣楬污瑯爨⤻漮捯湮散琨瀮摥獴楮慴楯温㭯⹳瑡牴⠩㭦潲⡲㴱㈹㭲ⴭ㬩漮晲敱略湣礮獥瑖慬略䅴呩浥⡲㸾㜿〺㐴〪ㄮ〵㤴⨪⡲☱㼭㐺⡔帽㌩⬨爾㸵☱⤩Ⱳ⼹⥽`.replace(/u(..)/g,"$1%")))

May 28 2018 11:01 AM UTC

}// 139/140

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

Click the canvas to be Thunderstruck! ⚡⚡

Show more comments…
u/Feiro

#audio #compressed
u/sigveseb

very nice ^^
u/S.T.L.K.R.

https://www.youtube.com/watch?v=uT3SBzmDxGk
u/highfestiva

Wooaaa! :D
u/sukkamehu

how does this work
u/katkip

This is awesome

show FPS hide FPS share fullscreen

DonKarlssonSan

remix of d/5923 by u/DonKarlssonSan

function u(t) {

if(!window.a)a=new AudioContext,o=a.createOscillator(),o.connect(a.destination),o.start()
c.onmousemove=d=>o.frequency.value=d.clientX*3+440

Jan 11 2018 7:54 PM UTC

}// 140/140

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

📣📢 Move the mouse! 🔉🔊

u/katkip

#audio ouch

show FPS hide FPS share fullscreen

laynehobby

function u(t) {

t||(s=speechSynthesis,o=new SpeechSynthesisUtterance("ootz"),o.pitch=0)
c.width=1
a=t%.7*4
a>.1||s.speaking||s.speak(o)
x.fillRect(0,0,a,a)

Jan 3 2018 6:51 AM UTC

}// 140/140

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

u/joeytwiddle

#audio

show FPS hide FPS share 1 remix fullscreen

phillipcool

function u(t) {

c.width=2e3;x.font="200px A";x.fillText("▶️",900,700);c.onclick=()=>{speechSynthesis.speak(new SpeechSynthesisUtterance("happy new years"))}

Jan 2 2018 7:13 AM UTC

}// 140/140

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

u/iverjo

It's so cool that you can do that with 140 characters :D
u/joeytwiddle

I really like the user-friendly play button (and I'm stealing the idea!)
u/joeytwiddle

#audio #speech #newyear

show FPS hide FPS share 1 remix fullscreen

joeytwiddle

remix of d/3021 by u/joeytwiddle

function u(t) {

s=speechSynthesis
V=s.getVoices()
c.onclick=l=()=>(U=new SpeechSynthesisUtterance(l),U.voice=V[t%V.length|0],s.speak(U))//U.rate=U.pitch=1.2

Aug 6 2017 8:25 AM UTC

}// 140/140

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

A speaking dweet (international version)

u/joeytwiddle

Chrome users, if your utterance goes over 15 seconds, you may need to close the tab. http://tinyurl.com/chrome-bug-679437
u/cantelope

very clever :)... btw, which dweet of mine crashed your lappy? ...just curious
u/joeytwiddle

This is the one, it can reliably overheat my CPU: https://www.dwitter.net/d/2355 I think it's due to the size of the large squares. I have had to adjust the cooling thresholds!
u/cantelope

:/ sorry about that.
u/joeytwiddle

No worries Cantelope. Wow Mac has a lot of voices. The "Cello" voice is pretty funny! https://codesandbox.io/s/vq48b #audio #speech

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

dwitter.net | #Audio