Chordinal #408

<html><head><style> html,body { margin: 0; padding: 0; height: 100vh; width: 100vw; background-color: black; } #preview { display: none; } .framed { display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; } .framed img { height: 100vh; width: 100vh; cursor:pointer; } @media (orientation: portrait) { .framed img { height: 100vw; width: 100vw; } } .loader { display: none; justify-content: center; align-items: center; position: absolute; height: 100vh; width: 100vw; margin: auto; }</style><meta property="og:title" content="Chordinals - making noise on BTC"><meta property="og:type" content="audio.midi" /><meta property="og:description" content="Generative music and art from spZjulien and onomous."><meta property="og:url" content="https://chordinal.com"><meta property="og:image" content="https://chordinal.com/BybiteNote.png"><meta property="twitter:image" content="https://chordinal.com/BybiteNote.png"><meta name="twitter:card" content="summary_large_image"></head><body><div id="loader" class="loader"><img src="/content/57372b9d385f852bbe3bfd79ca7f30dab571feaed8d577e8398a193f6ae7051ai0" height="135" width="135" /></div><div class="framed"><img id="preview" src="/content/82ac266a367600658ec6ec27ef58559d2afe7d20bc0823c9e4bab5e7c4dd27a3i0" /></div><script src="/content/eafb859825cd843587d39552eb7a52f352e9621cd16b63b8702c1b8ea44faf1ci0" type="application/javascript"></script><script src="/content/20334250e286a9d508f239983adba18742f6f3f299a613dba4b050d6ef3d5581i0" type="application/javascript"></script><script src="/content/cabe663484e6159a2a20a35ecb51ad1a8db633408ba67ca632d8ae00e7d80b3bi0" type="application/javascript"></script><script src="/content/38e5864b0e33873ec8aee9d37e685d5ee024ee0d9ed02116e671b02d4fb17aaai0" type="application/javascript"></script><script src="/content/1f38f03b6987871ce4a315e3b227a95c420c8dd00a83bcf0ddd33f3888032aa8i0" type="application/javascript"></script><script>window.hue=284,window.sat=88,window.light=81,window.pick=4;</script><script> let{src,background,primary}=window.renderSVG(window.hue,window.sat,window.light,window.pick); let preview=document.getElementById("preview"); let img=new Image(); img.height=4096; img.width=4096; let roll=window.Mozart.rollDice(); let encoded=window.btoa(window.Mozart.getMinuet(0,2,roll).bytes); let minuet=`data:audio/midi;base64,${window.encodeURI(encoded)}`; let player; document.getElementById("loader").style.display="flex"; MIDI.loadPlugin({ instruments: MIDI.Player.getFileInstruments(), soundfontUrl: "/content/", onsuccess: ()=>{ preview.addEventListener("click",eventful); preview.addEventListener("touch",eventful); document.getElementById("loader").style.display="none";}}); const showCanvas=()=>{ preview.style.display="none"; preview.src="/content/82ac266a367600658ec6ec27ef58559d2afe7d20bc0823c9e4bab5e7c4dd27a3i0"; document.body.style.backgroundColor='#000000'; preview.style.display="block";}; const queueShow=()=>{ roll=window.Mozart.rollDice(); encoded=window.btoa(window.Mozart.getMinuet(0,2,roll).bytes); minuet=`data:audio/midi;base64,${window.encodeURI(encoded)}`;}; const endShow=()=>{ queueShow(); document.getElementById("loader").style.display="none"; showCanvas(); MIDI.Player.stop(); MIDI.Player.removeListener();}; const startShow=()=>{ MIDI.Player.addListener(midiEvent); MIDI.Player.start(); document.getElementById("loader").style.display="none"; preview.style.display="none"; preview.src=src; document.body.style.backgroundColor=background; preview.style.display="block";}; const eventful=async ()=>{ if (preview.src===src){ document.getElementById("loader").style.display="flex"; endShow();} else{ document.getElementById("loader").style.display="flex"; MIDI.Player.loadFile( minuet, startShow)}}; const midiEvent=async(event)=>{ if (event.now===event.end){ await eventful();}}; img.onload=function(){ preview.style.display="block";}; img.src=src; </script></body></html>

Chordinal #155

Chordinal #372

Chordinal #323

Inscription #61485078

Recursive Submodules

More from this Collection