yt-dlp와 FFmpeg 기반의 올인원 미디어 다운로드 웹앱을 만들어줘. 목업이 아닌 실제 작동하는 앱으로 구현

[구조]
- 브라우저는 UI, 백엔드는 다운로드·변환·파일·작업 기록을 담당한다.
- 로컬용인지 공개 서비스인지 먼저 확인하고, 앱 이름·포트·저장 위치는 설정으로 관리한다.
- 다운로드·변환은 백엔드가 실행되는 컴퓨터의 자원을 사용한다는 점을 명확히 한다.

[디자인]
네이비 사이드바, 밝은 배경, 흰색 라운드 카드, 보라·인디고 버튼과 파스텔 강조색의 반응형 대시보드.
상단에는 실제 작업 통계, 가운데에는 링크 입력·다운로드 내역, 오른쪽에는 저장 설정을 배치한다. 모바일에서도 모든 기능을 사용할 수 있게 한다.

[기능]
- 여러 링크 입력, 자동 정보 조회, 제목·썸네일·채널·재생 시간 표시
- 화질은 ‘원본 화질 → 실제 지원하는 낮은 해상도’ 순으로 표시하며 기본은 원본
- 영상: 자동·MP4·MKV, 해상도·프레임률 선택
- 음원: MP3·M4A·원본, MP3 품질·비트레이트 선택
- 자막: 언어·자동 생성 여부 선택, 별도 SRT·영상 내장·영상에 고정
- 원본 썸네일 저장
- 화질별 예상 용량 표시: 근거가 없으면 정보 없음으로 표시
- 시작·종료 시간으로 구간 저장, 자막 시간도 함께 조정
- 재생목록 조회, 전체·개별 선택, 선택 항목만 다운로드
- 하위 폴더·채널별 분류·파일명 규칙 설정
- 같은 영상·같은 출력 설정의 중복 방지
- 속도·동시 작업 제한, 대기열, 실제 진행률, 취소·재시도
- 설정 기억하기, 완료 파일과 기록 유지

[공식 자료]
아래 자료와 실제 설치 버전의 도움말을 확인해 구현한다.

yt-dlp 사용법:
https://github.com/yt-dlp/yt-dlp#readme
설치:
https://github.com/yt-dlp/yt-dlp/wiki/Installation
실행 파일:
https://github.com/yt-dlp/yt-dlp/releases/latest
지원 사이트:
https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md

FFmpeg 다운로드:
https://ffmpeg.org/download.html
명령어:
https://ffmpeg.org/ffmpeg.html
필터·자막 처리:
https://ffmpeg.org/ffmpeg-filters.html
파일 검사:
https://ffmpeg.org/ffprobe.html
yt-dlp용 FFmpeg 빌드:
https://github.com/yt-dlp/FFmpeg-Builds/releases
라이선스:
https://ffmpeg.org/legal.html

운영체제에 맞는 yt-dlp·FFmpeg·ffprobe와 추가 의존성을 준비하고, 버전·필터·인코더 지원 여부를 확인한다. 다운로드 출처와 사용 버전을 기록하고 재배포 라이선스를 준수한다.

[구현·검증]
- 모든 UI 옵션을 실제 처리에 연결하고 가짜 데이터는 사용하지 않는다.
- JSON 등 구조화된 출력으로 정보를 읽고, 실행 파일과 인자를 분리해 호출한다.
- 입력·경로·요청 권한을 검증하고 취소 시 하위 프로세스도 종료한다.
- 공개 서비스라면 사용자별 파일 격리, 사용량 제한, 내부망 접근 차단, 자동 파일 삭제를 적용한다.
- 권한 있는 샘플로 다운로드·변환·구간·자막·재생목록·중복 방지·설정 복원을 검증한다.
- 모바일 화면과 오류 처리를 확인하고 실행 안내, 제한 사항, 검증 결과를 제공한다.