본문 바로가기

좋아하는 것_매직IT/96.IT 핫이슈

Etro - Typescript 비디오 편집 프레임워크 (etrojs.dev)

반응형

Etro - Typescript 비디오 편집 프레임워크를 소개합니다.

홈페이지에서는 Etro 를 아래와 같이 설명하고 있고요..
Etro is a JavaScript video-editing framework for the browser and Node

한마디로 말씀드리면, Etro 는 Typescript 비디오 편집 프레임워크라고 머릿속에 넣어두시면 됩니다.

설치및 사용방법을 간략하게 말씀드리면, npm 을 사용해서 설치가능합니다.

사용법은 위의 내용을 include 하면 되겠죠~~

아래는 예시 코드입니다. 

var movie = new etro.Movie({ canvas: outputCanvas })
var layer = new etro.layer.Video({ startTime: 0, source: videoElement })  // the layer starts at 0s
movie.addLayer(layer)
movie.record({ frameRate: 24 })  // or just `play` if you don't need to save it
    .then(blob => ...)

튜토리얼도 잘구성되어있으니깐요...혹시나 관심있으신분께서는 튜토리얼을 참고하시면 좋을것 같네요..



Etro의 특징을 간략하게 정리해보면 아래와 같습니다. 

  • 브라우저와 Node.js 에서 사용 가능
  • 비디오/오디오 레이어 합성
  • 내장 하드웨어 가속 효과 사용
  • JavaScript 와 GLSL로 효과 커스텀 효과 만들기
  • Web Audio API로 오디오 제어
  • Blob 또는 파일로 Export
  • 향후 개발 로드맵
    • 오프라인 렌더링(ffmpeg.js 이용)
    • 새로운 오디오 시스템으로 오디오 제어용 API 제공
    • 레이어 상속 기능
    • 트랜지션 시스템 추가
    • three.js 를 이용해 3D 모드 추가

그리고 깃허브에도 소스가 올라가있으니깐요...자세히 알고싶은분은 해당 github 접속하셔서 확인해보시면 될것 같고요..

아래는 Etro 의 소개고요..

라이센스를 알아보니..GNU General Public License v3 네요..

아무튼 오늘의 블로그는 여기까지고요..
항상 믿고 봐주셔서 감사합니다.

728x90
300x250