미리보기

Github 바로가기
배포: tftad.com (홈서버)


온라인게임 Team-Fight-Tactics(전략적 팀 전투, 롤토체스) 요소 중 하나인 증강체 선택 관련 웹사이트입니다. 유튜브 크리에이터가 본인의 플레이 영상을 tftad.com로 게시 요청하면 JPA를 사용하여 DB에 게시글을 저장하고, 추출 서버에 증강체 선택 장면 추출을 요청합니다.

기술

• Spring boot, JPA
  
  

특징

• Rest API 서버입니다.
• OAuth를 이용해 Member에 Channel을 등록합니다.(Blog)
• 게시글은 곧 증강체 선택 콘텐츠입니다. 따라서 게시글 작성 시 유튜브 영상 주소를 첨부해야 하고, 그 전에 계정에 유튜브 채널을 등록해야 합니다. 비즈니스 구조도 보러가기(다크모드로 보러가기)
• 게시글 작성 시 관련 정보를 추출 서버로 전송합니다. 이후 추출 서버로부터 완료 정보를 받습니다.

Github 바로가기


클라이언트가 영상 게시를 요청하면 tftad 서버는 Augment-Extractor로 관련 정보를 전송합니다. Augment-Extractor는 비디오를 다운받고, 분석하고, 필요한 장면을 추출하여 storage 서버에 저장합니다.

기술

• Flask, OpenCV, Tesseract OCR
  
  

특징

• OpenCV와 Tesseract OCR을 이용하여 증강체 선택장면을 추출합니다.(Blog)
• 추출 장면들을 잘라서 storage 서버에 전송합니다. 그리고 tftad 서버로 완료 request를 전송합니다.
• worker queue를 유지하여 현재 작업 정보 반환하는 기능을 갖습니다.(Blog)

Github 바로가기


배포: tftad.com (홈서버)


tftad.com은 온라인게임 Team-Fight-Tactics(전략적 팀 전투, 롤토체스) 요소 중 하나인 증강체 선택 관련 웹사이트입니다. 유튜브 크리에이터는 이곳에 본인의 플레이 영상을 게시할 수 있습니다. 영상에서 증강체 선택 장면이 추출되어 게시됩니다.

특징

• 개발 편의성을 위해 React를 사용했습니다.