개발자 99% 커뮤니티에서 수다 떨어요!
CHZZK VOTE
https://chzzk-vote.vercel.app/
안녕하세요! 파주에서 웹/앱 개발자로 일하고 있는 위즈입니다.
이전에 BANG ON 서비스를 만들어 소개드린 적이 있는데요, 해당 서비스는 이슈가 있어 잠시 내리고
새롭게 다시 제작하고 있습니다. ㅎㅎ..
오늘 소개드릴 서비스는 치지직 투표 추첨기입니다.
서비스 소개
본 서비스는 치지직 (네이버 스트리밍 플랫폼)에서 방송하시는 분들을 위해 제작된 서비스입니다.
방송 중에 시청자를 추첨하거나, 시청자를 대상으로 즉석 투표를 여는 등
방송에서 필요한 각종 툴을 제공하고 있습니다!
시청자 추첨에서는 실시간으로 방송을 시청중인 시청자들을 모집하고, 그 중에서 한명을 랜덤 추첨할 수 있는 기능입니다.
추첨된 시청자는 채팅을 실시간으로 확인할 수 있습니다. (tts도 지원됩니다!)
숫자 투표는 다음과 같이 투표 항목을 정하고
!투표1, !투표2 와 같이 시청자들이 채팅을 올리면 해당 항목에 투표가 되는 시스템입니다.
해당 항목을 클릭하면 항목에 투표한 시청자가 누구인지 확인할 수 있고,
시청자 추첨과 동일하게 항목에 투표한 사람 중 한명을 추첨할 수 있습니다!
마지막 룰렛은 항목과 해당 항목의 확률을 입력하고
다음과 같이 룰렛을 돌릴 수 있는 시스템입니다
당첨된 항목은 다음과 같이 나타납니다!
시작하게 된 계기
트위치 스트리머 대부분이 치지직으로 이주하면서,
치지직은 새로운 플랫폼인 만큼 기존 트위치에서 사용할 수 있던 툴들이 사용이 불가능해졌는데요
이쁘게 만들어서 치지직 전용으로 배포하면 선점 효과를 얻을 수 있지 않을까 하여 빠르게 제작해보았습니다!
개발
개발은 사실 이전에 만들어 둔 소스가 있어 구현보다는 재가공에 가까운 느낌으로 만들게 되었습니다.
치지직 채팅 파싱은 kimcore/chzzk 라이브러리에 의존하고 있습니다.
채팅 파싱이 라이브러리로 해결이 되니, 나머지 구현은 어렵지 않게 가능했고,
이쁘고 빠르게 만드는 게 챌린지였던 것 같습니당
디자인에 하루, 구현에 약 3일정도 소요되었습니다.
피그마 프로젝트도 한번씩 구경하고 가세용 :)
CHZZK VOTE
https://chzzk-vote.vercel.app/
보시는 방송이 있으시다면 홍보도 해주시면 감사하겠습니다 ㅎㅎ