Picktok — 그누보드5 숏폼 동영상 플레이어 솔루션 (틱톡형 세로 피드·동영상 광고)

소개

Picktok은 그누보드5 기반 숏폼 동영상 플레이어 솔루션입니다. 틱톡 스타일의 세로 스와이프 피드, 동영상 광고, 팔로우·알림 기능을 갖추고 있으며, 데모 사이트에는 AI로 만든 샘플 영상이 올라가 있습니다.

주요 기능

• 세로 풀스크린 피드 — 스크롤 스냅으로 한 장씩 넘기고 자동 재생(음소거)합니다. 추천 탭은 새로고침할 때마다 순서가 무작위로 바뀌고, 팔로잉 탭에는 팔로우한 크리에이터의 영상만 나옵니다.
• 탐색(메이슨리) — 카드형 메이슨리 레이아웃으로 보여 주고, 검색과 AI 도구·테마 칩으로 걸러 볼 수 있습니다.
• 프롬프트 카드 — 도구·모델·길이·화면비·프롬프트·네거티브·설정·태그를 정리해 보여 주고, 프롬프트를 버튼 한 번으로 복사합니다. 영상마다 AI 생성 고지가 붙습니다.
• 팔로우·알림 — 팔로우와 팔로워·팔로잉 목록을 지원합니다. 팔로우, 좋아요, 댓글, 답글, 팔로우한 크리에이터의 새 게시물을 알림으로 받고 안 읽은 개수를 배지로 표시합니다.
• 동영상 광고 — 영상 N개마다(기본 5개) 광고가 나옵니다. 광고가 재생되는 동안에는 다음 영상으로 넘길 수 없고, '광고' 배지와 브랜드명, 선택형 CTA 버튼을 보여 줍니다. 5초 카운트다운이 끝나면 건너뛰기 버튼이 나타나고, 노출·건너뛰기·끝까지 시청·클릭을 집계합니다.
• 관리자 — 그누보드 관리자에서 광고를 등록·수정하고 사용/중지를 전환합니다. 노출 가중치, 노출 간격, 건너뛰기 대기 시간을 설정하고 광고별 CTR을 볼 수 있습니다.
• PC는 왼쪽 사이드바, 모바일은 하단 탭바(홈·탐색·업로드·알림·내정보)를 씁니다. 로그인·회원가입·검색·FAQ 같은 기본 페이지도 같은 디자인으로 맞췄습니다.

PC 화면

모바일 화면

사용 기술

• 그누보드5 (PHP · MySQL) — 테마, 게시판·회원 스킨, extend, 관리자 메뉴
• HTML5 video, CSS scroll-snap, IntersectionObserver, 바닐라 JS (AJAX 팔로우·알림, sendBeacon 광고 집계)
• Pretendard 폰트, 반응형 레이아웃 (PC 1280 · 모바일 390 기준 검수)
• AI 영상·이미지 생성 도구로 샘플 콘텐츠 제작

데모

https://g5sol2.oootool.com/

안내 — 사이트와 이 글에 나오는 모든 이미지와 영상은 AI로 생성한 것입니다. 인물은 모두 가상이고, 광고에 나오는 브랜드와 제품도 모두 가상입니다. 게시물은 '(예시)'로 표시한 샘플 데이터입니다.

oootool.com 맞춤 제작 문의 — 그누보드5 기반 커뮤니티·숏폼 서비스 맞춤 제작과 기능 추가를 상담해 드립니다.