| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
Tags
- JavaScript
- 프론트엔드
- vue-cli-service
- error
- TradingVIew
- err
- Download
- components
- develop
- 시멘틱태그
- FRONT
- vscode
- useState
- VUE
- Chart
- Package
- antd
- CSS
- frontend
- form
- type
- axios
- 프론트엔드개발
- npm
- react
- 리액트
- 이미지
- 상태관리
- NeXT
- 리액트기초
Archives
- Today
- Total
목록WebM (1)
개발쬬
불투명한 비디오 웹사이트에 사용하기 (mov,webm) + ffmpeg 확장자 / 파일 사이즈 압축 팁
요즘 3D가 유행하면서 회사에서도 3D 비디오를 활용해 사이트를 꾸미게 되었다.근데 이 파일들을 그냥 단순히 웹 사이트에 뿌려주기만 하면 될줄 알았는데, 아뿔싸 사이즈가 너무 크다!게다가 비디오 배경이 불투명으로 되어 있어 불투명 상태를 유지하기 위해선 mov 비디오 확장자를 사용해야 한다.(나머지 비디오 확장자는 불투명한 영상을 제공하지 않는다) 애초에 작업자에게 받은 파일또한 mov 이다. 특히나 로고인 경우는 배경을 불투명하게 사용하는 경우가 많다보니~사이즈도 사이즈지만 뒷 배경을 꼭 불투명하게 만들고 싶었다. 찾아보다 알게된 정보 ! 비디오는 webm 확장자를 사용하면 불투명 상태를 유지한 채로 영상을 재생시킬 수 있다.대신 호환되는 플레이어가 많이 없었기에 직접 cdn에 넣고 돌리는 방법으로 테..
쬬는 개발중
2025. 7. 21. 17:47