프로젝트 소개
Static은 오픈소스 웹 기반 임베디드 라디오 플레이어입니다. webpack을 사용하여 GitHub Pages로 호스팅 가능한 정적 페이지를 생성하므로, 백엔드 없이 전체 플레이어가 클라이언트 사이드에서 실행됩니다.
작동 방식: 숨겨진 iframe이 선택한 스테이션에 따라 YouTube에서 임베디드된 라이브 스트림의 다양한 URL로 전환됩니다. 코드는 스트림 일시 중지를 허용하는 비공식 YouTube API에 연결됩니다. 배경은 giphy의 영상으로, 배경 영상 요소에 로드되어 더 편안한 효과를 위해 50% 속도로 재생됩니다.
스테이션과 배경은 데이터 기반입니다. src/data의 streams JSON을 업데이트하여 선호하는 라이브 스트림을 들을 수 있으며, 현재는 YouTube만 지원됩니다. src/data의 backgrounds JSON을 업데이트하여 플레이어 뒤에 표시되는 편안한 애니메이션을 선택할 수 있습니다. 라디오 스테이션은 YouTube에서 pull request로 제출하거나, 저장소를 fork하여 개인 재생 목록을 만들 수 있습니다.
개발: webpack으로 로컬에서 빌드하고, 출력 파일을 public 디렉터리에 배치한 후 정적 서버로 제공합니다. 저장소 루트에서 npm install, npm run build, npm run local을 실행합니다.
참고: 일부 브라우저는 자동 영상 재생을 차단하므로, Static이 작동하려면 YouTube에서 자동 재생을 활성화해야 할 수 있습니다. 이 프로젝트는 AGPLv3 라이선스를 따릅니다.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.