hyperaudio - lxjs 2013

32
HYPERAUDIO WEAVING AUDIO INTO THE FABRIC OF THE WEB / Mark Boas @maboa

Upload: mark-boas

Post on 19-Jul-2015

202 views

Category:

Technology


0 download

TRANSCRIPT

HYPERAUDIOWEAVING AUDIO INTO THE FABRIC OF

THE WEB / Mark Boas @maboa

AUDIO AND VIDEO AREBLACK BOXES

image courtesy Bjoertvedt, Creative Commons

CURRENT MECHANISMS

BEST CASE SCENARIO

CHALLENGES1. How do we find stuff?2. How do we expose stuff?3. How do we share stuff?4. How do we make stuff?

HYPERAUDIOBringing audio up to speed ...

and video with it!

SO WHAT IS HYPERAUDIO?Audio and video represented and powered by

transcripts.

Transcripts are linked to and complement your media.

WHAT'S SO SPECIAL ABOUTTRANSCRIPTS?

Hyper all the things!

Hypertranscripts!

IT'S ESSENTIALLY SIMPLE<a data-m="12345">Hello </a><a data-m="23456">Lisbon!</a>

HYPERTRANSCRIPTS ARETRANSCRIPTS LINKED TO

THE MEDIAClick on a word to go to that part of the media.See words highlighted as media is played.

FIND AND EXPOSE

SEARCH AND SHARE

MAKE AND REMIX

DEMO - IT'S THE ECONOMYSTUPID

0:00

LIVE DEMOPRESIDENTIAL DEBATE

HYPERTRANSCRIPTSHELP US

1. Navigate2. Search3. Share4. Make accessible5. Create and remix content

ELEPHANT IN THE ROOM

Photo by . Elephant by .BitBoy Banksy

HOW DO WE MAKEHYPERTRANSCRIPTS?

TIME ALIGNMENT TIME

DOING TRANSCRIPTIONBETTER

ChunkingMake great DIY transcription tools!

AUTO-CHUNKING IS HARDLET'S GO SHOPPING!

MINIMAL VIABLETRANSCRIPTION TOOL

0:00

MAKING AND REMIXINGTHE HYPERAUDIO PAD

Transcript basedSimpleDiscoverableShareableInfinitely Remixable

HYPERAUDIO PADPROTOTYPE

0:00

HYPERAUDIO PADPROTOTYPE DEMO

0:00

HYPERAUDIO PAD BETA - (WIP)

SAME ORIGIN POLICY WITHVIDEO - SERIOUSLY ?

seriously.js

SILOS

Why you no love the open web?

THE FUTURE'S BRIGHT

Image by Cea

Media Fragments, Web Audio API, PlaybackRate

JOIN US!

Image by istolethetv

Hyperaudio Inc is non-profit and open source, we want

THANKS FOR LISTENING

We're on Twitter & (Web)@hyperaud_io hyperaud.io

Yak here : http://groups.google.com/group/hyperaudio

Hack here : https://github.com/hyperaudio-dev/

I'm or Ping me!@maboa [email protected]

Special thanks to @moltke, @slifty, @cubiq, @thepag, @gridinoc, @presentday, @dansinker,@mohamed, @bchirls

and @aulentina <3