설치가 필요없는 아티스트 앱 홈페이지를 체계적으로 구성했습니다. 

🔆 준비: 

음악   →   여분필더에 음악주소 또는 업로드(기본 basic스킨 사용하면 됩니다)
유튜브 동영상   →   여분필더에 유튜브영상 주소등록(기본 basic스킨 사용하면 됩니다)

기존 사용하던 게시판이 있다면 설정에서 바로적용

1, admin_config_editor.php 파일을 열어  7번째 줄 비밀번호 변경 후, 그누보드 폴더로 업로드
2, 도메인/그누보드/g5_kmusic/admin_config_editor.php 접속
    (그누보드 설치폴더 안에 g5_kmusic 을 업로더 하면 common.php 경로는 기본값 그대로 두시면 됩니다)
3, 설정 완료 후 admin_config_editor.php 파일삭제

# _config.php 파일 생성 후 변경 사항 발생시 _config.php 에서 직접 편집하면 됩니다 

🔆 연결
https://도메인/그누보드/g5_kmusic/index.php

📢 빌더, 스킨, 버전에 전혀 신경쓰지 않아도 됩니다.

📢 수정, 편집시, 첨부된 README.MD 파일과 HTML 인터랙션 개발 가이드 kmusic_guide.docx 참고하세요.

🎵 전체 기능 소개

🖥️ 레이아웃 구조
왼쪽 사이드바 — 메뉴 네비게이션, 바로가기 링크
상단 탑바 — 검색창, 로그인/로그아웃, 라이트/다크 테마 전환
메인 컨텐츠 — 섹션별 화면 (페이지 이동 없이 전환)
하단 고정 플레이어 — 재생/정지, 이전/다음, 반복, 볼륨, 플레이리스트 버튼

📂 섹션 목록 (총 10개)
🏠 홈 — 아티스트 히어로 배너, 현재 재생 중 곡 표시, 재생/다음/반복 버튼, Quick Links 카드
🎧 플레이리스트 — 전체 음악 목록, 무한스크롤, 곡 수 표시, 클릭 재생
✨ 최신 트랙 — 신규 업로드 곡 슬라이드 카드
🏬 매장 음악 — 업종별 추천 (카페·리테일·스파·호텔·레스토랑·피트니스), 분위기별 플레이리스트, 이용 안내
📡 라디오 — 실시간 스트리밍 채널, 유튜브 라이브, 방송 스케줄, LIVE 배지 자동 표시
📺 유튜브 영상 — AJAX 로드, 페이지네이션, 영상 검색
🎤 아티스트 — 아티스트 소개
💿 앨범 & 컬렉션 — 앨범 목록
🎬 라이브 & 이벤트 — 공연·이벤트 정보
📖 소개 — 서비스 소개

🔍 검색 기능
상단 검색창에서 검색 → 현재 섹션에 따라 음악 검색 또는 영상 검색 자동 분기
검색 결과 즉시 플레이리스트 교체 (페이지 새로고침 없음)
검색 후 입력창 자동 동기화, 결과 없을 때 "검색 결과가 없습니다" 표시
장르 카드 클릭 → 해당 키워드로 즉시 플레이리스트 교체
🎵 오디오 플레이어
재생 / 정지 / 이전 / 다음 / 반복
진행바 드래그 탐색, 프리로드 버퍼 표시
볼륨 조절 / 음소거
플레이리스트 열기/닫기 — 이전에 보던 섹션으로 자동 복원
곡 삭제, 무한스크롤 목록
비회원 1분 듣기 제한 옵션
재생 중인 곡 하이라이트 자동 동기화
EQ 캔버스 애니메이션 (레코드판 시각화)
📡 스트리밍
MP3 라디오 스트림 직접 재생
유튜브 영상 팝업 라이트박스 재생
채널 상태 배지 자동 표시 (🔴 방송중 / 🟡 예정 / ⚫ 오프라인)
👤 회원 기능
로그인 / 로그아웃 (그누보드5 연동)
로그인 모달 팝업
회원/비회원 여부에 따른 재생 제한 분기
⚙️ 기타
라이트/다크 테마 전환
스크롤 탑 버튼 자동 표시
모바일 반응형 사이드바 (오버레이 메뉴)
카드 스크롤 등장 애니메이션 (IntersectionObserver)
PHP 5.4 ~ 8.x 전체 호환

아래는 위 솔루션 으로 제작된 사이트 입니다.

🎨onAIR+  https://xpx.kr/onair/

모바일이나 PC에서 앱으로 설치해 실행해 보세요.