Skip to content

SolidLab-dev/ytmusic-sharer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 YTMusic Sharer

유튜브 뮤직 링크를 공유할 때 부족했던 시각적 요소를 채워주는 풍부한 링크 미리보기(Rich Media Preview) 생성기입니다.

📝 프로젝트 개요 (Overview)

유튜브 뮤직(YouTube Music)의 공유 링크는 특정 플랫폼이나 메신저에서 앨범 아트워크나 곡 정보가 제대로 표시되지 않는 경우가 많습니다.

이 프로젝트는 이러한 불편함을 해소하기 위해 제작되었습니다. **iOS 단축어(Shortcuts)**와 Cloudflare Workers를 결합하여, 단순한 텍스트 링크를 메타데이터가 포함된 세련된 미리보기 카드로 변환하거나 소셜 미디어에 최적화된 데이터로 가공합니다.

✨ 주요 기능 (Key Features)

메타데이터 추출: 입력된 유튜브 뮤직 URL에서 곡 제목, 아티스트 이름, 고화질 앨범 아트워크를 정확하게 파싱합니다.

오픈그래프(OG) 최적화: 공유 시 플랫폼에서 풍부한 미리보기를 생성할 수 있도록 가상 페이지를 렌더링하거나 데이터를 가공합니다.

자동화 워크플로우: iOS 단축어를 통해 앱 내에서 터치 한 번으로 복사된 링크를 처리하고, 변환된 결과물을 즉시 공유할 수 있습니다.

경량 백엔드: Cloudflare Workers를 사용하여 별도의 서버 유지보수 없이 서버리스 환경에서 빠르고 효율적으로 동작합니다.

⚙️ 작동 원리 (Workflow)

Trigger (iOS Shortcuts): 사용자가 유튜브 뮤직에서 공유 링크를 복사하고 단축어를 실행합니다.

Process (Cloudflare Workers): 서버리스 함수가 해당 URL의 HTML을 요청하고, 필요한 메타 태그와 정보를 추출합니다.

Generate: 추출된 정보를 바탕으로 커스텀 미리보기 결과물(또는 가공된 URL)을 생성합니다.

Result: 최종적으로 소셜 미디어나 메신저(카카오톡, 인스타그램 등)에 최적화된 형태로 공유됩니다.

🛠 기술 스택 (Tech Stack)

Runtime: Cloudflare Workers (Serverless)

Language: JavaScript / TypeScript

Tooling: iOS Shortcuts (Client-side automation)

Data Scraping: HTML Metadata Parsing

Releases

No releases published

Packages

No packages published