2016/Nuremberg/music
Barnaby
wants to do livestreaming on his website
no easy way of livestreaming audio or video and archiving it back on your own site
when I start livestreaming, want it to post a note that says "barnaby is livestreaming now" and shows a little "play" on the home page
how do you host audio and video, make it work in different browsers
Jeremy
wants an audio post type. the live part isn't as important.
Aaron
wants to record audio while on a phone, upload later as a private post, then be able to make them public later
also wants to livestream video for events like indiewebcamp
- while event is live, find the link to the stream permalink on the home page
- when the event is over, the permalink allows you to view the archive
- home page always shows the current live stream
Barnaby
- Icecast - radio.waterpigs.co.uk proxies to icecast built in web server
- can be configured to record and archive all streams
- for audio livestreaming, has all the pieces in place, just needs to build a UI around it
getusermedia - javascript API to get access to the camera
microphone access gives you WAV data, a common problem for actually using the data. need a way to upload the data in a compressed format
hosting challenges - how to host and serve large files?
- Amazon S3 - put files there and forget about them
- give out URLs like media.example.com/xxxxxxxx.mp3 which is a temporary redirect to the S3 URL
- that lets you move the files to something else later if you want, without having to change your URLs
Aaron
wants a soundcloud-like player for music on his site
- shows volume graph
fragmentions for audio
MP3 Javascript Encoder
Records a WAV file in the browser, converts to mp3, embeds an audio tag with a data URI after conversion is complete.
(discussion about midi)
UI concerns / use cases
note vs blog post
- post quick audio to my site, no editing, no captions
- podcast / music - lots of work put into the audio, lots of surrounding information like title, composer, transcription, notes
audio recording UIs can be improved, like how Instagram has improved video editing on mobile to be just good enough to publish a less rough video