Jules' Portfolio

Presentation

Click to see more

Presentation

Arturia designs and manufactures audio interfaces and electronic musical instruments, including software synthesizers, drum machines, analog synthesizers, digital synthesizers, MIDI controllers, sequencers, and mobile apps.

Context

To complete my diploma, I did a 6 months internship as a Full-stack developer in Arturia. During this internship, I had one mission : maintain and improve existing components and develop new components for the Arturia website.

Following this internship, I was hired as a Full-stack developer to continue this mission and I'm still working there.

Interactive demos

Click to see more

Interactive demos

To showcase the software effects on the website, we use small interactive effects built with the Web Audio API .

Examples

Available here:

Arturia EFX Refract

Available here:

Arturia Tape Mello-Fi

This is done by playing multiple audio files at the same time and blending them together.

Audio library rework

Click to see more

Audio library rework

To interact with the and audio players, a custom audio library was used. Unfortunately, it was hard to use and had a lot of corner cases. That's why I decided to make a new one.

The previous audio library was based on had one audio player by audio component. The fact that two audio players cannot be played simultaneously made it hard to synchronize them. In this new audio library, there is one audio player for the whole application. When an audio component is played, it update the audio player to fetch the new audio files.

Here's the schema of what I came up with

And here's what it sounds like:

Simple audio player

A/B Audio player

This library is also an easy way to draw waveforms. Unfortunately, it is not really performant since the audios cannot be streamed and the entire audio files need tot be fetched before playing them.

3D Cards

Click to see more

3D Cards

For the release of the V Collection 11, I was asked to create a 3D card based on this model .

I reworked it again for this website and here's what I came up with:

Variant:

Holographic

You can see what my first version looked like here .