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

More information

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.

aauuuuu44 days ago

i made an account just to ask this gulp..
probably dumb question, but is there anyway you can get it to hook up with a camera? i don't have obs and i'd like to use the pngtuber on discord calls by turning on my camera instead of screen share, so i was curious if you could do it with this program? if not, that's a-ok! just figured i'd ask anyway :)

Reply
ItsZariep42 days ago

Hi, the program (webapp) itself can’t do much, but depending on the operating system, you can share the contents of a window, the screen, or an OpenGL application (like a browser window if you have hardware acceleration enabled) as a camera. I can’t help you further without knowing the operating system you’re running, but some options are ManyCam (Windows, Mac), Webcamoid (Windows, Linux, MacOS) or if you are using Chromium (Chrome, Edge, Vivaldi, Brave, etc.) screen sharing also let you only sharing specific browser tabs, sadly this feature is not available on Firefox

Reply
ChillKingGaming177 days ago

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

Reply
ItsZariep177 days ago

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*/
}
Reply
uraveragesonic64265 days ago(+1)

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

Reply