입사하고 벌써 한주가 흘렀다.
한주간 정신없이 보낸것같고, 나의 부족함을 직면하고나니
개발자로 갈길이 정말 멀고도 험해보였다.
회사에서 기대하는 개발요구치가 100이라면,
내 스스로의 판단은 20~30정도 되려나...
단단해지자
두려움이 다가온다면 더 큰 두려움으로 덮어버리자.
루틴만이 살길이다
오늘 한일
- 스튜디오 랜딩페이지 작업
오늘 배운것
- Cmaf 와 HLS
회사의 주요 컨텐츠가 영상이다 보니 소스코드 분석 중 영상과 관련된 코드나 api연계 구조는 이해하기가 어려웠다.
현재 작업중인 스튜디오 페이지 상단에 영상섹션부분에 영상이 삽이되어 재생되는데 영상이 라이브스트리밍인, 기존에 업로드된 영상인지에 따라서도 고민해야할 부분이 상당히 많았다.
기존 컴포넌트를 그대로 사용하기에는 디자인 와이어프레임상 불필요한 부분이 많아서 React HLS Player라는 라이브러리를 가져다 구현해봤지만 화면을 덮거나 mp4파일이 재생되지 않는등의 이슈가 있었고 오전 스크럼에서 CTO님께 말씀드리니 이미 알고계셨던 이슈사항이라 현재 사용하지 않고있었다고 하셨다.
https://www.npmjs.com/package/react-hls-player
현재 클라이언트에서 영상파일 업로드되면 자동으로 여러가지 비디오파일형식으로 인코딩 되고 이렇게 인코딩된 형식들이 기존 데이터베이스 링크에 삽입되는 이러한 자동화 과정을 aws 람다를 통해 구현되었다고 하셨다. 그 중 스크럼에 언급되었던 CMAF와 HLS키워드에 대해 좀더 학습해봤다.
https://antmedia.io/cmaf-streaming/
What is CMAF? Advantages of CMAF Streaming
Common Media Application Format (CMAF) is basically a new format to simplify the delivery of HTTP-based streaming media. CMAF streaming
antmedia.io
react-hls-player
A simple and easy to use react component for playing an hls live stream. Latest version: 3.0.7, last published: 8 months ago. Start using react-hls-player in your project by running `npm i react-hls-player`. There are 4 other projects in the npm registry u
www.npmjs.com
내일 할일
- 콘핀스튜디오 정적페이지 구현
- node.js 학습
'회고' 카테고리의 다른 글
| [TIL]22.02.22 - useRef여러개, 카운트업, 정규표현식으로 하이픈 자동입력 (0) | 2022.02.23 |
|---|---|
| [TIL] 2022.02.21 - amplify, React hover, json 줄바꿈 (0) | 2022.02.22 |
| [TIL]22.02.17 - 첫 업무 (0) | 2022.02.17 |
| [TIL] 2022.02.16- React native / redux (0) | 2022.02.17 |
| [TIL] 2022.02.15 - React-native (0) | 2022.02.16 |
