앨리스의 토끼굴

앨리스의 토끼굴

  • 분류 전체보기 (18)
    • 개발로그 (17)
    • TIL (1)
    • toss slash (0)
    • 모던 자바스크립트 Deep Dive (0)
    • React (0)
    • 웹 브라우저 DAW 제작기 (0)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

앨리스의 토끼굴

컨텐츠 검색

태그

문제를 푸는 순서 shotgun surgery 프론트엔드 도메인 분리 멀티미디어에디터 JS 프론트엔드 아키텍쳐 최적화 리렌더 웹브라우저 비디오 오디오 믹스다운 RAF ssot canvas API 멀티미디어 에디터 Web Audio API DOM직접조작 web codecs 멀티미디어편집기 react 단방향 데이터

최근글

댓글

공지사항

아카이브

JavaScript(1)

  • [Part 1] 브라우저에서 멀티미디어 export하기- 문제 정의와 아키텍처 설계

    시리즈: 브라우저에서 멀티미디어 export하기[Part 1] 문제 정의와 아키텍처 설계 ← 현재 글[Part 2] 공간적 합성과 시간적 합성 - 공간적 합성과 시간적 합성 들어가며회사에서 요즘 만들고 있는 Studio 페이지는 브라우저에서 동작하는 멀티미디어 에디터다. 사용자가 비디오 위에 텍스트를 올리고, 오디오를 편집하고, 이미지를 배치한 뒤 "Export" 버튼을 누르면 MP4 파일이 다운로드된다.사용자 입장에서는 버튼 하나. 근데 그 버튼 하나 뒤에 몇 주 동안의 삽질이 있었다. 텍스트를 비디오 위에 어떻게 그릴지, 오디오 클립 여러 개를 어떻게 한 줄로 합칠지, 이걸 서버 없이 브라우저 안에서 어떻게 다 처리할지 — 생각보다 만만치 않은 문제였다.이 글은 그 과정에서 겪은 의사결정의 흐름을 정..

    2026.04.13
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바