자바스크립트 음악 재생기 2

목적

• 내가 들은 음악 통계 내기

사용법

1. npm과 node.js를 설치한다.

2. 다음을 다운로드 한 뒤, 압축을 해제하고 폴더를 연다

3. (처음 실행한다면) install.cmd 파일을 실행한다.

4. (아니라면) mp3.cmd 파일을 실행한다.

5. 프로그램이 알아서 컴퓨터의 파일을 긁어 올 것이다.

6. 긁히지 원하는 폴더가 있다면, .\asset\setting\dir.txt에서 다음과 같이 적으면 된다

   거부
   
   C:\Users\User\desktop
   
   C:\User\User\document

인자 소개

예시: cmd 창에 쳐서 실행시킬 때 node main w라고 치면 실행과 동시에 웹브라우져가 열림

• w: 웹 브라우저 열기
• h: 힌트 표시하기
• l: db 관련 로그 표시하기

특징 및 이전작과의 차이점

• mp3 파일을 직접 뜯어봄
• SQLite 데이터베이스를 사용해 정보를 저장해 둠.
• 가수별, 엘범별, 제목별 모음 기능.
• 소리 없는 앞, 뒷부분 자르기
• Web Audio Api 사용함.
• 음악 스트리밍하기
• 통계 보기
• 음악 스트리밍

  my_hls 모듈: FFmpeg를 이용해 곡을 나누고, 보내는 모듈임

  하지만 현재 다른 방법을 찾아 적용(mp3_split.ts)했기에 사용하지 않음 (참고: my_hls 모듈은 modules/my_hls 폴더에 ffmpeg.exe가 있어야 작동함)

가벼운 재생기

• /r로 접속하면
  • 끊임없는 랜덤재생만 가능
  • 매우 가벼운 코드
• /s로 접속하면
  • 모바일 백그라운드 자동재생, (MediaMetadata이용)
  • 간단한 곡 검색,
  • lrc 파일 이용한 실시간 가사 진행 (사전에 정의된 파일에 한함.),
  • 끊임없는 랜덤재생.
  • 적당히 가벼운 코드.

사용한 외부 코드

• Node.js v16.13.0
• npm v7.22.0
• mp3 디코딩 관련: js-mp3 모듈, 정상작동하지 않아 약간 수정했음. C언어는 아직 나에게 너무 어렵다.
• 데이터베이스 관련: node.js SQLite3 모듈
• HTML 파싱 관련: node.js cheerio 모듈
• MD5 해싱 관련: js-md5
• EQ 관련: WebAudioApi 관련 블로그
• 군데군데 타입스크립트를 활용함!
• 음악 스트리밍 관련: FFmpeg 직접 파일을 자르므로, 사용 안 함

보완점

• 디자인

참고문헌

MP3 파일 관련

• MP3 문서 | 한국어 위키백과
• The Theory Behind Mp3 | Rassol RaissiDecember 2002

데이터베이스 관련

• DB Browser for SQLite (sqlite 편집기)
• 생활코딩 DATABASE2 - MySQL | 오픈튜토리얼스
• 생활코딩 관계형 데이터 모델링 | 오픈튜토리얼스
• 중복넣기
• SQL 자료형 목록
• $ 사용 관련 에러

자바스크립트 공부

• 정규 표현식 관련 | MDN Web Docs
• 자바스크립트 배열 관련 함수들
• 진작에 읽었으면 좋았을 글 - 음악 스트리밍 관련
• 위의 글 코드에서 생기는 오류 해결 (Content-Length 헤더 관련)
• ECMA2020의 for - of 문법, Optional Chaining문법

타입스크립트 공부

• 타입스크립트 tsc 설정 관련

node.js 공부

• node 동작 원리, 최적화

웹브라우저 공부

• 웹브라우저 JS 동작 원리, 최적화