Giter Site home page Giter Site logo

vu-vrm's Introduction

VU-VRM

A lip-sync VRM avatar client for zero-webcam mic-based vtubing: automattic.github.io/VU-VRM/

Image

Why?

Because multitasking. Because sometimes you need to run an avatar without a webcam. Because vtubers are disabled too. Because everyone gets webcam fatigue. Because it's not always essential to bring your face to work. Because an avatar the folks associate with you can be more personable than a little green light when you're on a voice call. Because I made this for use at work, and it's turned out real handy. Because what if VRM, but with PNGtuber rules?

Usage

While this works just fine for testing if you visit its pages url (and allow mic access), it's intended for use in OBS as a browser source.

Use the interface (or drag and drop) to load a local .vrm file, set your levels, dismiss the UI and you're good to lipsync in a kinda-lifelike way for steams or virtual webcam for other chat apps.

Plays nice with VRMs created in VroidStudio and other standard compliant VRMs.

Interface

Minimal; intended to acheive a mic volume threshold at which the avatar's mouth and body moves, adjust gain as needed, then to be dismissed.

This volume = movement aspect is what makes this avatar client literally a form of VU volume unit meter, hence its name.

OBS launch specifics

To allow browser sources in OBS (like this) to receive mic input, OBS needs launching with these arguments:

--use-fake-ui-for-media-stream --allow-file-access-from-files

  • MacOS Terminal: /Applications/OBS.app/Contents/MacOS/obs --use-fake-ui-for-media-stream --allow-file-access-from-files
  • Windows: create a shortcut to OBS and add the arguments to the Target field in the shortcut's properties.
  • Linux users don't need hints to launch things with arguments ;)

VU-VRM can then be added as an OBS browser source from a URL or as a local file, and is intentionally transparent for the purpose.

ToDo

  • Mic input selector
  • Background controls
  • localstorage use
  • Smoother more natural state-to-state eased body movement
  • Use expression blendshapes to ease between low percentage thereof for more facial motion
  • Use all available vowel blendshapes
  • Separate frequency reponse array into vowelsounds and sibliants to cue appropriate shapes
  • a less basic default pose
  • Migrate from ScriptProcessorNode method to AudioWorkletNode
  • Hook it to chat app APIs for group VRM chats!

Changelog

  • Veritcal slider based interface
  • Input level VU
  • Two-expression crossfade with random wander and bias slider

vu-vrm's People

Contributors

itstallulah avatar arashmh avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.