https://github.com/rumyra/talk-be-av-artist

How To Be A Web A/V Artist Talk
https://github.com/rumyra/talk-be-av-artist

Last synced: 2 days ago
JSON representation

How To Be A Web A/V Artist Talk

• Host: GitHub
• URL: https://github.com/rumyra/talk-be-av-artist
• Owner: Rumyra
• Created: 2016-10-30T14:15:01.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T15:23:13.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T12:15:26.975Z (7 months ago)
• Language: JavaScript
• Size: 124 MB
• Stars: 9
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to be a Web A/V Artist

This is the How to be a Web A/V Artist talk by [Ruth John](https:/twitter.com/Rumyra)

Versions of this talk have been seen at:

- [Front End Connect, Warsaw]()

- [Refresh Rocks, Tallin]()

- [..., Vienna]()

- [JSConfEU, Berlin]()

- [JSConfAU, Melbourne]()

## About

Come and be fascinated by the world of audio visualisation in a browser. This isn't just about creating stunning data vis to music! We see how we can pipe data realtime into custom properties to enhance our visuals. The speaker re-addresses how we analyse sound via the Web Audio API and proposes a better way of processing the data to better suit music, and, to top it all off, we harness the Web MIDI API for full hardware control as well. You may not think it, but this really is a talk with a great deal of take-aways and new techniques for you to consider in your coding life.

This is a fun and engaging talk where I cover a whole myriad of techniques used to create audio visuals within the browser, based on my own experiments and learnings. I use custom properties in interesting ways to enhance the way the visuals are presented and pipe the realtime data directly into the DOM. I've processed the data we receive from the analyser node of the Web Audio API to produce a more logarithmical distribution which better matches music scale and thus produces better visuals. As well as introducing the use of MIDI devices not just for sound but hardware control in a browser as well. This talk is engaging and fun but is also pretty technical and won't leave the audience disappointed :)

## Videos

There are recordings of the talk

- [from JSConfEU]()

- [from JSConfAU]()

## Slides

I don't upload my slides due to some problems I've had with copyright infringement.

You can find all the slides within the talk in the [index file]() within this build. It's just an HTML file so pretty easy to navigate - all my slide notes are there as well, within the markup.

For each conference I branch, so just choose the correct branch for the correct index (no two talks are the same).

## Demos

My [codevember demos on codepen can be found here]().

I also have a [repo of 'VJ Tracks']() which I use for experimentations before I add to my [actual software build 'Vizra']().

The 'magic function' to readdress how we analyse audio [can be found here]().

Please bear in mind these are talk demos and code is very rough :)

## Resources & Further Reading

- [livejs.network](livejs.network)

## Get in touch

I tend to talk about Audio, MIDI and/or real time visuals, all related to web technologies. I teach workshops about Web Audio and how you can use it in your everyday development.

I am also part of the [{ Live : JS } collective](http://livejs.network/), where we also provide workshops, installations and shows.

You can find me [on Twitter](https://twitter.com/Rumyra) or [just drop me an email](mailto:[email protected])