Building the Waveform Editor for the JavaScript DAW

Sorskoot is working on the JavaScript DAW. We also need to get the transport in place to be able to play the segments of the wave files. Look here if you want to see the whole codebase.

Segments

Timestamp Topic
00:08:57 Hello World
00:10:45 Talk about the DAW
00:15:57 Start Coding the track button
00:40:33 Start Coding the track bar
02:17:32 Start Coding the transport
02:59:34 Goodbye

Announcements


Project working on today

Next Steps


Things we learned

  • With Storybook Knobs addon you can add dynamic values to your story and see the changes reflect in there.

  • Do not use export default when using an index.js in that folder. Use export class or export const.


Things to Review & Notes

  • Fetishlace suggested Mouse on Mars to give a listen.
  • Fetishlace also mentioned Hackerone. A platform to make money by hacking apps and websites.

Building the Waveform Editor for the JavaScript DAW

We are building a digital audio workstation in JavaScript with Vue.js and the web audio API. Today we made some progress on the waveform editor. We added an overlay that can be dragged left and right to change the start position of the sample.

Segments

Timestamp Topic
00:00:00 Hello World
00:02:04 Recap of the last stream
00:05:33 Start coding the overlay
02:21:34 Goodbye

Announcements


Project working on today

Next Steps

Working on the waveform editor

The stream we got started with the waveform editor.

Segments

Timestamp Topic
00:00:00 Hello World * muted
00:02:18 Start Coding * muted
00:09:36 Mic unmuted 😋
00:52:29 Today’s beer
01:58:25 Goodbye

Announcements


Project working on today

Next Steps


Today’s beer

Saison5 by Maxumus LINK TO UNTAPPD


Notes

TURN ON THE MIC!!

Today we learned

Check the mic when starting the stream 😶

Todays stream brought to you by

Raids

Name Raiders
RamblingGeek 16

Starting a JavaScript DAW

Today we’re getting started on building a new web app. A full, but experimental Audio Workstation using Vue.js and the WebAudio API.

Segments

Timestamp Topic
00:00 Kick it off

Announcements


Project working on today

  • [ ]

Next Steps

  • [ ]

Today’s beer

Benno by Stift Engelszell LINK TO UNTAPPD


Things we learned


Things to Review & Notes


Todays stream brought to you by

Subscribers


Cheers

Name Bits

Raids

Name Raiders

Working on my WebVR Game 🥽

During the stream, we worked on building a WebVR Game using A-Frame. This time we worked on rotating the receiver, transmitter and mirrors.

Segments

Timestamp Topic
00:00 Kick it off

Announcements


Project working on today

Next Steps


Today’s beer

Datsmaaktnaarmeerkoet - Bird Brewery

Untappd

(The beer is named after the bird coot)


Things to Review & Notes

  • Get DayDream working - With Screen mirroring.
  • Get Raycasting to work