https://github.com/rumyra/talk-web-workers

A talk about web workers, the what & how, with a focus on workers in specs, like audio worklet, offline canvas and CSS Paint API among others
https://github.com/rumyra/talk-web-workers

audio audio-worklet canvas css-paint-api houdini offline-canvas web web-audio web-audio-worklet web-worker web-workers

Last synced: 3 months ago
JSON representation

A talk about web workers, the what & how, with a focus on workers in specs, like audio worklet, offline canvas and CSS Paint API among others

• Host: GitHub
• URL: https://github.com/rumyra/talk-web-workers
• Owner: Rumyra
• Created: 2018-03-02T19:04:53.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T23:26:21.000Z (about 2 years ago)
• Last Synced: 2024-04-14T12:15:26.953Z (10 months ago)
• Topics: audio, audio-worklet, canvas, css-paint-api, houdini, offline-canvas, web, web-audio, web-audio-worklet, web-worker, web-workers
• Language: CSS
• Size: 55.3 MB
• Stars: 6
• Watchers: 2
• Forks: 1
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Web Workers & Worklets

A talk about web workers, the what & how, with a focus on workers in specs, like audio worklet, offline canvas and CSS Paint API among others by [Ruth John](https:/twitter.com/Rumyra)

Versions of this talk have been seen at:

- [JS Oxford](https://jsoxford.com/2018-03-14-observations-and-workers/)

## About

So to start (it's early days) I give an overview of workers, then talk about CSS Paint API, Web Audio Worklet and Offscreen Canvas.

## Videos

N/A at this time

## Slides

I don't upload my slides due to some problems I've had with copyright infringement (As in people taking my slides 😢).

However, 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).

## Examples referenced within the talk

### Codepen Demos

- [The whole list of demos can be found here](https://codepen.io/Rumyra/pen/PaBXdX?editors=1000)

### Workers

- [What is available in a worker](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers)

- [Restaurant Menu Builder](https://restaurantmenubuilder.com/)

- [50k Sort Array](https://afshinm.github.io/50k/)

- [Workers to Shared Memory](http://lucasfcosta.com/2017/04/30/JavaScript-From-Workers-to-Shared-Memory.html)

- [Comlink](https://github.com/GoogleChromeLabs/comlink)

- [Clooney](https://github.com/GoogleChromeLabs/clooney)

- [Fetch in a web worker](https://medium.com/@JoubranJad/running-fetch-in-a-web-worker-700dc33ac854)

### Worklets

- [Web Audio Worklet Noise Example](https://googlechromelabs.github.io/web-audio-samples/audio-worklet/basic/noise-audio-param.html)

- [Offscreen Canvas on MDN](https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas)

## Get in touch

I tend to talk about new web technologies, Audio, MIDI and/or real time visuals, (all still using web tech). I either do this stand-a-lone or as 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])