# Show GN: 브라우저에서 시작하는 버튜버 방송

> Clean Markdown view of GeekNews topic #17637. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17637](https://news.hada.io/topic?id=17637)
- GeekNews Markdown: [https://news.hada.io/topic/17637.md](https://news.hada.io/topic/17637.md)
- Type: show
- Author: [kyc1682](https://news.hada.io/@kyc1682)
- Published: 2024-11-07T22:58:42+09:00
- Updated: 2024-11-07T22:58:42+09:00
- Original source: [virtual.enviest.com](https://virtual.enviest.com)
- Points: 14
- Comments: 0

## Summary

브라우저에서 mediaPipe를 사용하여 사용자 모션을 인식하고 캐릭터 모션을 제어하는 웹앱이 개발되었습니다. 이 앱은 OBS 사용을 고려하여 PIP 기능을 적용해 스트리머들이 방송 설정을 쉽게 할 수 있도록 하였으며, vrm 파일을 드래그 앤 드랍으로 업로드하여 브라우저 내에서만 활용할 수 있습니다. 또한, 카메라 위치 조정을 위해 "Calibration" 버튼을 제공하여 사용자가 쉽게 설정할 수 있도록 지원합니다.

## Topic Body

* 브라우저에서 mediaPipe를 사용하여 카메라를 통해 인식한 사용자 모션을 활용해서 캐릭터 모션을 제어하는 웹앱입니다.  
* 대부분의 버츄얼 스트리머 분들이 방송 시 어깨 위만 활용하시는것 같아 최대한 심플하게 구현해보았습니다.  
* OBS 사용을 염두해서 PIP 기능을 적용해 실제 스트리머 분들이 방송 셋팅을 쉽게 하실 수 있도록 구성하였습니다,  
* 드래그 앤 드랍으로 직접 사용하실 vrm 파일을 업로드 하실 수 있습니다. 해당 파일은 서버에 업로드 되지 않고 사용자의 브라우저 안에서만 활용됩니다.  
* 카메라가 정면에 위치하지 않을 경우 "Calibration" 버튼을 사용해서 조정할 수 있습니다.  
* 많이들 사용하시는 와루도에 비할 바는 못되겠지만 최대한 가볍게 시작하실 수 있도록 해보았습니다.

## Comments



_No public comments on this page._