-
[3일차] Cover 추출기능 화면 임시구현 및 메뉴 변경프로젝트 개발/MP3 Tools 웹앱 (Drop) 2021. 5. 20. 22:02반응형
이번시간엔 본 프로젝트 구현보단 ffmpeg load(), exit() 에 대한 테스트 및 예제코드를 작성하는데 좀 더 많은 시간을 보냈다. 따라서 간단한 작업만 하고 마무리지었다.
1. Cover 이미지 추출기능
mp3 커버에 저장된 이미지를 추출하는 기능과 기능 제공 화면을 구현했다. 임시구현이기 때문에 Import 화면에서 변경된 바 거의 없다.
2. 메뉴 수정
메뉴명칭이 너무 길어 몇 개 화면만 구현해도 메뉴가 못생겨질 것 같아 보였다. (이미 충분히 못생기긴했지만..) 따라서 조금 불편할지라도 depth를 1에서 2로 늘렸다.
3. FFmpegService 구조 변경방안 마련
사실 1일차 때 FFmpegService 싱글톤으로 구현하고, ffmpeg 객체를 1개만 사용하도록 한정한 이유가 ffmpeg.wasm 객제를 제거할 수 없었기 때문이었다. 그러다가 0.10.0으로 패치되면서 메모리상에서 제거할 수 있게 되었기 때문에 조금 이상한 상황이 되었다.
이에 맞춰서 현재는 기능별로 ffmpeg 객체를 생성하도록 변경했지만, 사용자 또는 이벤트 호출에 의해 다량 생성되면 웹 서비스가 죽어버린다. 이걸 UI 에서 제한할 수도 있겠지만 근본적인 문제는 산재할 듯 하여 다시 1개의 객체를 두고 사용하게 만들지 고민하고 있다.
반응형'프로젝트 개발 > MP3 Tools 웹앱 (Drop)' 카테고리의 다른 글
[4일차] CI/CD 뻘짓 2차전 및 meta 태그적용 (0) 2021.05.22 [2일차] ffmpeg.wasm 0.10.0 업데이트 및 github action npm ci 문제 해결 (0) 2021.05.19 [1일차] MP3 Tools 웹앱 개발 시작 (0) 2021.05.16