Logo - Crazy Minnow Studio - game, asset, tool development

Welcome to Crazy Minnow Studio! We are a small indie software development team primarily focused on game development using the Unity engine. Our pipeline includes: games, game development tools and assets, and video tutorial production. Check out our Unity lip sync asset, SALSA Lip-Sync, available on the Unity Asset Store. Follow our blog for updates on our Unity asset and game development, as well as other happenings in indie game development.

SALSA LipSync in WebGL with Amplitude

AmplitudeSALSA is a free add-on that acts as a bridge between SALSA and Amplitude to allow SALSA Lipsync to work on the WebGL platform. If you aren't familiar with SASLA or Amplitude, you can read about them using the links below. Amplitude is our newest asset that provides amplitude and beat detection on the WebGL platform. Watch the SALSA with Amplitude video below!

SALSA (Required)

Amplitude (Required)

NOTE: Unity version 2019.4+ is required to build for the WebGL target platform when using SALSA LipSync v2.

UPDATE [2019-07-01] - now available for SALSA LipSync v2, requires Unity version 2019.4+ to build for WebGL. Ensure the SALSA References Section is set to "Use External Analysis" - this should be enabled at runtime if it not enabled at design-time.

Installation Instructions

  1. Install SALSA into your project using your preferred method.
  2. Install Amplitude into your project using your preferred method.
  3. Install the AmplitudeSALSA add-on into your project. Download the package from this page, using the link below.

Usage Instructions

  1. Setup a SALSA character as you normally would.
  2. Add the Amplitude component, link your SALSA AudioSource to the Amplitude.audioSource field, and leave the sample size and absolute values checkbox at their default settings.
  3. Add the AmplitudeSALSA component to the same GameObject where SALSA was added, be sure it auto linked your SALSA and Amplitude components, if not it should link them at runtime, or you can link them manually.
  4. While in the editor, play the scene, play your AudioClip, and adjust the AmplitudeSALSA boost to get the desired results. The results should look similar once compiled to WebGL.
  5. AmplitudeSALSA will automatically unlink the AudioSource from your SALSA component on Awake, since this needs to be unlinked to bypass SALSA's built in audio processing.
    1. NOTE: for SALSA LipSync v2, the AudioSource is not linked. Rather, the "Use External Analysis" option is enabled which has the same effect.

Please refer to the image below for a typical Amplitude/SALSA configuration

  1. SALSA must be configured to use External Analysis. If you do not see this option, ensure there is no AudioSource linked (remove it if there is).
  2. For better control, enable scaling of external analysis sources.
  3. Adjust the high end of the cutoff depending on your audio source dynamics, start with 0.8 and adjust if needed. Also see #6 below (Amplitude Boost).
  4. Enable Advanced Dynamics for a better look. See SALSA documentation for more details.
  5. SALSA needs a decent amount of data to get a feel for the dynamics, start with 1024. Using a lower value it typically not recommended.
  6. Adjust the boost higher to increase dynamics if necessary, start with 0.4 and adjust if needed. See also #3 above.
  7. Recommend using absolute values for data.
  8. Of course, ensure all of the slots are linked to the appropriate references, including the AudioSource in Amplitude.

NOTE: While every attempt has been made to ensure the safe content and operation of these files, they are provided as-is, without warranty or guarantee of any kind. By downloading and using these files you are accepting any and all risks associated and release Crazy Minnow Studio, LLC of any and all liability.

Download Files

Amplitude for WebGL
~ Make your web audio move! ~

Buy Amplitude on the Asset Store

Categories: SALSA, Amplitude

Comments: No comments yet