[2020 12 07] 팀 기술공유 (13 A, 14 A)
- 웹 동영상 편집기 개발팀과의 기술공유
- 프로젝트 데모결과를 바탕으로 질문 또는 어려웠던 점, 궁금한 점에 대한 기술공유를 진행함
-
14-A Q. 동영상팀은 현재 라이브러리 기술적인 문제로 오디오 편집을 Web Audio API를 사용하여 진행할 생각입니다. 음원 파일을 비디오로부터 추출하여 재생이 가능할까요??
- Web Audio API를 활용하면 오디오 또는 비디오로부터 불러온 바이트 데이터인 ArrayBuffer를 decoding을 통해 음성 샘플링 데이터가 담긴 AudioBuffer 파일을 추출할 수 있습니다.
-
14-A Q. 음원 파일을 특정 시간 범위로 자르고 데이터를 가져올 수 있을까요?
- Web Audio API를 활용하면 추출한 AudioBuffer를 활용하여 특정 시간대에 해당하는 데이터를 지우고 활용하거나, AudioBuffer를 필요한 만큼 생성하여 데이터를 담을 수 있습니다.
-
13-A Q. 재생과 동시에 재생마커가 움직이는데 오디오팀에서도 재생마커를 구현하고 있습니다. 재생마커의 동작과 관련해서 어떤식으로 접근하셨나요?
- 재생마커는 animation을 이용해서 duration을 조절하여 조작하고 있습니다
-
13-A Q. 로딩화면의 애니메이션 동작이 인상적이네요.
- 현재 로딩화면의 애니메이션은 임시로 넣어놓은 것이고, 이후에 투표를 통해 로딩화면을 결정할 생각입니다!
-
13-A Q. 이미지가 나열된 형태로 보이는데 동영상 편집은 어떤식으로 진행이될까요?
- 동영상의 연속된 이미지 프레임을 추출해서 해당 이미지를 나열하여 편집을 하고, 다시 합쳐서 편집이 진행되고 있습니다.
