https://github.com/LeeByeongMuk/hakko-finder

contribute

• iframe을 활용해 스트리밍 서비스 추가
• 디자인

Summary

시청자가 0~5명인 스트리머를 랜덤으로 보여주는 서비스 제작

• 아이디어 : twitch - nobody.live
• Chzzk API가 공개되지 않아 리스트 출력 시 사용되는 API 무단 사용
  • 크롤링 후 저장(DB화)은 불법
• 비용없이 진행
  • Svelte와 ts를 사용한 단순한 싱글 페이지 서비스 개발
  • github page, action, vercel 등 사용

Summary

시청자가 0~5명인 스트리머를 랜덤으로 보여주는 서비스 제작

• 아이디어 : twitch - nobody.live
• Chzzk API가 공개되지 않아 리스트 출력 시 사용되는 API 무단 사용
  • 크롤링 후 저장(DB화)은 불법
• 비용없이 진행
  • Svelte와 ts를 사용한 단순한 싱글 페이지 서비스 개발
  • github page, action, vercel 등 사용

Plan

1. localstorage 확인
   1. 기존 updated_at 값이 없거나 10분 이상 경과한 경우
2. Chzzk API 호출
   1. 최대 10페이지(300개) 호출
   2. 필터링해서 localStorage에 60개 저장
      1. 시청자수 : 0~5
      2. 연령 제한 : false
   3. 만족하는 스트리머가 없는 경우, 에러 처리
      1. 현재 베타 기간이라 새벽에 스트리머가 없는 경우 발생
      2. 기존 최대 3페이지(90개) 호출에서 10페이지로 조정
3. video 출력(iframe)
   1. 2-b에서 저장해둔 데이터 활용
      1. content.data.liveTitle : 제목
      2. content.data.categoryType : 카테고리 (추후 사용)
      3. content.data.channel.channelId : https://chzzk.naver.com/live/{$chnnelId}
      4. content.data.channel.channelName : 스트리머명
4. TODO : 추천 채널
   1. https://api.chzzk.naver.com/service/v1/home/recommendation-channels