라이브러리3 hls.js :: 퀄리티 설정 API levels 현재 선택할 수 있는 레벨 배열 [] currentLevel get: 현재 재생 퀄리티 레벨 set: 즉시 현재 퀄리티를 새로운 레벨로 변경. 현재 요청한 fragment이 있다면 취소, 모든 버퍼를 제거, 현재 재생 위치와 요청한 레벨과 일치하는 frament를 불러온다. nextLevel get: 다음 퀄리티 레벨을 가져온다. 아직 버퍼되지 않았다면 -1를 리턴. set: 다음 fragment의 퀄리티 레벨을 설정. 이미 버퍼된 다음 fragment를 제거할 수도 있다. (Trigger a quality level switch for next fragment. This could eventually flush already buffered next fragment.) loadLevel g.. 2021. 11. 19. dom-to-image 작동 원리 갈피 프로젝트에서 캔버스로 만든 엘리먼트를 이미지화하는 데 dom-to-image 패키지를 썼다. 그 동안 어떤 원리로 이미지 화하는건지 알아봐야겠다고 생각만 하다가 드디어 정리해본다. 우선 깃허브 레포에는 다음과 같이 설명되어있다. 오리지널 DOM 노드를 재귀적으로 클론 노드와 서브노드의 스타일을 계산해서 상응하는 클론에 카피 + pseudo element 재생성(얘네는 클론되지 않으니까) 웹 폰트 임베드 모든 @font-face 선언 찾기 file URLs 파싱해서 다운로드 base64 인코드와 인라인 컨텐츠를 data: 로 가져오기 모든 CSS 규칙을 이어붙여서 하나의 엘리먼트에 얹기, 클론에 붙이기 이미지 임베드 에 이미지 url 임베드 background css 프로퍼티에 쓰인 이미지를 인라인으.. 2021. 5. 5. Redux Form 리듀서 : formReducer _ 리덕스 액션으로 인해 어플리케이션에서 일어나는 변화를 리덕스 스토어에 업데이트하라고 지시하는 함수 HOC : reduxForm _ config 객체를 받아서 새로운 함수를 반환. form 컴포넌트를 감싸고, 액션의 디스패치에 유저 인터랙션을 바인딩 컴포넌트 : _ 위에서 HOC로 감싸진 form 컴포넌트 내부의 컴포넌트. redux-form 로직에 input 컴포넌트를 연결하는 데 쓰임 Form 리듀서 _ 우선, 스토어에 formReducer를 연결한다. 내 모든 폼 컴포넌트와 연결된다. Form 컴포넌트 _ 폼 컴포넌트를 스토어와 연결하려면 해당 컴포넌트를 reduxForm( )으로 감싸면 된다. submit 프로세스를 핸들링하는 함수와 form state에 관한 p.. 2021. 2. 21. 이전 1 다음
