WiPersona is a lightweight tool that let you run a simple VTuber/PNGTuber on web browser

Why?

The main problem with some other tools is that since are created on something like a game engine, they need OpenGL or Vulkan, that may not available on older hardware
On Linux there may be problems capturing a windows that is not displayed
Since is web based, you only need a browser and runs

This program is built using VanillaJS, HTML, and CSS, ensuring instant  load time, very low disk size and a lightweight, efficient performance.

Note:

If you don't want to load full  itch.io webpage, You can use WiPersona Web Page,  Wich is an standalone web version hosted in GitHub Pages

Features:

  • Choose avatar picture (Mute, Talking, and Screaming)
  • Avatar folders
  • Choose avatar position (or centered)
  • Choose avatar size (px)
  • On-speak avatar animations
  • On-speak dim/bright
  • Choose background color/picture
  • Add extra draggable images
  • Persistent settings and imported assets through IndexedDB
  • Shareable settings with links

Stream using WiPersona

Integrating WiPersona in OBS using "Browser" source

Requirements

Browser Requirements

Modern web browser with support for:

  • ES6+ JavaScript features (async/await, Promises, arrow functions)
  • Web Audio API
  • MediaDevices API (getUserMedia)
  • IndexedDB
  • FileReader API
  • Service Workers
  • CSS3 transforms and animations

The app requires browser support for real-time audio processing, which involves:

  • Audio context creation and management
  • Real-time frequency analysis
  • Media stream handling
  • Local database storage (IndexedDB)

Compatible browsers:

  • Chrome/Chromium 66+
  • Firefox 60+
  • Safari 12+
  • Edge 79+

Hardware Requirements

If you can see this page, most probably you can use this program

CPUAny CPU able to run a modern browser
GPUNone (If browser hardware acceleration is disabled)
RAM512MB RAM (depending on the OS RAM usage)
MicrophoneAny, but required

Download

Download NowName your own price

Click download now to get access to the following files:

WiPersona 1.3 2.8 MB

Development log

Comments

Log in with itch.io to leave a comment.

just a little question, how do I make it like its transparent, like, its annoying to have a black screen on it so :P

if you are using OBS, you can set something like

html {
    background-color: rgb(0 0 0 / 1%) !important;
}

for some reason i don’t know, if you put all as 0 it shows black, if real transparency not working, you should try a chroma color, if color picker is not working properly, you should change it also via Custom CSS, as described on the manual:

html {
    background-color: #91a666; /*replace #91a666 with your preferred color*/
}
(+1)

This saved me a whole interview.
I'm on Chromebook and don't wanna go through the Linux crap for VeadoTube Mini.