Slide 1

Slide 1 text

Ponytone https://ponytone.online

Slide 2

Slide 2 text

Peach Hack • Working on Google Cloud • Failed to make smartglasse at Intel • Used to make watches at Pebble • Also another pony game: rpg.horse @KatharineBerry

Slide 3

Slide 3 text

What is Ponytone?

Slide 4

Slide 4 text

How? !

Slide 5

Slide 5 text

Real Time Communication

Slide 6

Slide 6 text

Web Audio

Slide 7

Slide 7 text

How? + !

Slide 8

Slide 8 text

Pitch detection The AnalyserNode interface represents a node able to provide real-time frequency and time-domain analysis information. AnalyserNode

Slide 9

Slide 9 text

Pitch detection The ScriptProcessorNode interface allows the generation, processing, or analyzing of audio using JavaScript. ScriptProcessorNode

Slide 10

Slide 10 text

Dawnfire, commission

Slide 11

Slide 11 text

Autocorrelation

Slide 12

Slide 12 text

Autocorrelation “A signal’s correlation with itself” Period frequency = 1 period

Slide 13

Slide 13 text

Autocorrelation “A signal’s correlation with itself”

Slide 14

Slide 14 text

Communication

Slide 15

Slide 15 text

WebRTC: Getting Started Just initiate ICE with a STUN server and relay the SDPs between clients, being ready to fall back on TURN if STUN fails.

Slide 16

Slide 16 text

WebRTC: Acronym Hell • ICE: Interactive Connectivity Establishment • SDP: Session Description Protocol • STUN: Session Traversal Utilities for NAT • TURN: Traversal Using Relays around NAT

Slide 17

Slide 17 text

Coordination

Slide 18

Slide 18 text

Coordination Master

Slide 19

Slide 19 text

Web Browsers

Slide 20

Slide 20 text

Web Browsers http://ask-safaripony.tumblr.com/post/85367640859/

Slide 21

Slide 21 text

Web Browsers !

Slide 22

Slide 22 text

Web Browsers ! ✅

Slide 23

Slide 23 text

Web Browsers http://ask-firefox.tumblr.com/post/95110628310/

Slide 24

Slide 24 text

Web Browsers http://ask-internetexplorer.tumblr.com/post/139131367643/how-rude

Slide 25

Slide 25 text

Web Browsers https://dshou.deviantart.com/art/Chrome-Pon-560098035

Slide 26

Slide 26 text

Help me! • Try it: https://ponytone.online • It’s open source: https://github.com/Katharine/ponytone • Discord: https://discord.gg/QGHdhSU • There is a lot more work to do: settings, latency calibration, variable difficulty levels, better song filtering, improved pitch detection, …