CropClip

치지직 방송 화면에서 원하는 영역만 선택해 로컬로 녹화하고 미리보기, 저장, 파일 나누기를 지원합니다.

CropClip은 치지직 방송 화면에서 사용자가 직접 선택한 영역만 로컬로 녹화하는 Chrome 확장 프로그램입니다. 치지직 플레이어의 녹화 영역 선택 버튼 또는 확장 프로그램 팝업에서 영역을 지정하고, 녹화 결과를 브라우저 안에서 미리보기, 저장, 파일 나누기, MP4/GIF 변환으로 확인할 수 있습니다. 주요 기능 - 치지직 방송 화면 영역 선택 - 선택한 영역만 로컬 녹화 - WebM 또는 브라우저가 지원하는 MP4 저장 - 녹화 결과 미리보기 - 시간 또는 용량 기준 파일 나누기 - MP4/GIF 변환 - 선택 영역 스크린샷 PNG 저장 모든 처리는 사용자의 브라우저 안에서 수행되며, 녹화 파일과 설정을 외부 서버로 전송하지 않습니다. 사용자는 본인이 녹화 권한을 가진 방송 화면에서만 CropClip을 사용해야 합니다. [패치 노트] v0.3.11 녹화 저장 오류 시 복구를 개선하고, 복구에 실패해도 원본 데이터를 보존하도록 했습니다. 녹화 종료 오류와 결과창이 중복으로 열리는 문제를 수정했습니다. 녹화 취소의 불필요한 처리와 변환 실패 시 메모리 점유를 줄였습니다. 녹화·변환 관련 중복 코드를 정리하고 자원 관리 구조를 개선했습니다. v0.3.10 삭제되거나 잘못 저장된 설정을 기본값으로 복구하고, 팝업과 플레이어가 같은 설정·영역 검증 코드를 사용하도록 정리했습니다. 전체·영역 녹화 버튼과 단축키를 누르면 즉시 시작 중 표시가 나타나도록 개선했습니다. 준비 중 다시 누른 정지·취소 요청과 저장 중 상태도 버튼에 표시합니다. 미니 플레이어 전환 전 스크롤 중 선택 테두리가 화면 안쪽으로 늘어나 보이던 문제를 수정했습니다. 플레이어의 영상 요소가 교체된 뒤 선택 테두리가 화면 크기 변경을 따라가지 못하던 문제를 수정했습니다. 녹화 초반 프레임이 지연될 수 있는 경로를 보완했습니다. v0.3.9 2분할에서 재생 시간 반올림으로 파일 개수가 잘못 계산되어 실패하던 문제를 수정했습니다. 녹화 시작 처리 중 누른 정지·취소 요청이 누락되지 않도록 개선하고, 명령 처리 상태를 표시합니다. 한글 입력 상태에서도 녹화 등 설정한 단축키가 동작하도록 개선했습니다. 채팅·검색 입력 중에는 실행되지 않습니다. 클릭 처리가 늦어질 때 녹화·취소·스크린샷 버튼이 중복 실행되던 문제를 수정했습니다. 반복 영역 녹화와 플레이어 제거 후 남던 타이머·화면 요소·영상 참조를 정리했습니다. v0.3.8 음소거 중 녹화 허용 옵션을 추가했습니다. 기본 OFF이며, 켜면 방송은 음소거한 채 소리가 포함된 영상을 녹화할 수 있습니다. 결과창 자동 전환 옵션을 추가했습니다. 기본 ON이며, 끄면 방송 화면을 유지하고 결과를 새 탭으로 엽니다. 뒤쪽 결과 탭을 닫아도 현재 화면을 유지합니다. 설정창을 녹화 설정과 편의 기능 두 열로 나눠 추가 옵션을 펼쳐도 하단 버튼이 잘리지 않도록 개선했습니다. 검색 화면·미니 플레이어 전환 중 녹화가 끊기던 문제와 짧은 MP4 녹화에서 영상이 누락되던 문제를 수정했습니다. 반복 녹화·종료·취소와 미리보기·분할·변환 후 남던 자원을 정리하고, 저장 지연 시 메모리 누적과 불필요한 화면 갱신을 줄였습니다. v0.3.7 시간 기준 파일 나누기의 25초, 40초 프리셋을 선택 구간 기준 3분할, 4분할로 변경했습니다. 0.1초 단위로 요청한 파일 개수를 만들 수 없는 짧은 구간에서는 해당 프리셋을 비활성화합니다. 시간 기준 파일 나누기 실행 전에 예상 파일 개수와 파일별 재생 시간을 표시합니다. 미리보기 준비·분할·변환 작업이 끝나면 변환 엔진을 종료해 결과창에 불필요하게 남던 메모리를 해제합니다. 다음 작업에서는 엔진을 다시 불러옵니다. Chrome에서 H.264로 녹화한 WebM 파일을 나눌 때 실패하던 문제를 수정했습니다. 원본 코덱을 유지해 재인코딩 없이 분할합니다. v0.3.6 새 설치와 설정 초기화 시 적용되는 기본 비트레이트를 6 Mbps로 높였습니다. 영역 선택 스타일과 플레이어 UI 갱신 구조를 정리해 페이지 동작 부담을 줄였습니다. 사용 구간, 파일 나누기, FPS와 시간 계산의 공용 기준을 통합해 설정과 결과 처리의 일관성을 높였습니다. 기존 설정 및 녹화 데이터와의 호환성을 유지하면서 사용하지 않는 필드와 중복 코드를 제거하고 회귀 검사를 보강했습니다. v0.3.5 녹화 상태와 시간이 실제 녹화 중인 탭에서만 표시되도록 수정했습니다. 녹화 완료 시 결과 화면을 열지 않고 원본 파일을 바로 다운로드하는 옵션을 추가했습니다. 파일 나누기가 끝나면 나눈 파일을 순서대로 자동 다운로드하는 옵션을 추가했습니다. 팝업 상단 동작 버튼을 한 줄로 줄여 모든 설정을 더 쉽게 확인할 수 있도록 개선했습니다. 대용량 녹화 데이터를 안전한 크기로 나눠 전달해 브라우저 메시지 용량 제한으로 결과가 누락되는 문제를 수정했습니다. 자동 다운로드가 실제로 완료된 뒤에만 녹화 데이터를 정리하고, 실패하면 결과 화면에서 다시 저장할 수 있도록 보완했습니다. 녹화 취소 후 남아 있던 데이터 변환·전송을 중단하고, 결과 미리보기와 플레이어 버튼 탐색의 불필요한 반복 작업을 줄였습니다. 페이지를 새로고침하거나 플레이어 컨트롤이 교체·숨김 처리되어도 CropClip 버튼이 안정적으로 표시되도록 개선했습니다. 빠른 파일 나누기 방식을 유지하면서 변환 임시 파일을 바로 정리해 긴 영상의 메모리 사용량을 줄였습니다. v0.3.4 녹화 데이터를 주기적으로 로컬에 저장해 페이지를 새로고침하거나 닫아도 저장된 시점까지 결과를 복구하도록 개선했습니다. 시간 기준 나누기의 파일 개수와 표시 구간을 실제 결과에 맞추고, 선택 구간을 두 파일로 나누는 절반 프리셋을 추가했습니다. 용량 기준을 파일별 최대 용량으로 명확히 하고, 결과가 설정 용량을 넘으면 구간을 줄여 다시 나누도록 개선했습니다. 녹화 시작 시 중복 화면 계산을 줄이고, 치지직 플레이어·클립 편집기·결과 화면의 불필요한 DOM 감시와 반복 갱신을 줄였습니다. 녹화 종료·복구 요청이 겹치거나 늦은 오류가 도착해도 완성된 결과와 녹화 상태가 손상되지 않도록 보완했습니다. 스크린샷, 파일 변환, 결과 데이터 처리 실패 안내를 실제 원인에 맞게 정리했습니다. v0.3.3 녹화 시작 전 중복 상태 확인을 줄여 시작 지연을 완화했습니다. 나눈 파일명에서 split 문구를 제거하고 001, 002처럼 번호만 붙도록 정리했습니다. VOD에서 클립 영역 선택 시 메시지 연결이 끊기던 문제를 수정하고, 녹화 실패 안내와 결과 처리 진행 표시를 더 명확하게 정리했습니다. 프레임 이동 직후 녹화나 캡처가 간헐적으로 동작하지 않던 문제를 수정했습니다. v0.3.2 채널명에 치지직이 포함되면 파일명에서 해당 문구가 빠지던 문제를 수정했습니다. 빠른 시간 분할 프리셋을 25초와 40초로 조정했습니다. 녹화 파일명 끝에 실제 녹화 시간을 42s, 1m05s, 1h02m03s 형식으로 표시하도록 개선했습니다. v0.3.1 영역 크기 조절에 Shift 비율 유지와 Alt 중앙 기준 조절을 추가하고, 두 기능을 함께 사용할 수 있도록 했습니다. 조절 중인 경계를 정확히 확인할 수 있는 픽셀 확대경과 보조키 상태 표시를 추가했습니다. 결과 미리보기와 배속 MP4 저장에 3배속과 4배속을 추가했습니다. v0.3.0 결과 화면에 사용 구간 편집을 추가하고 다운로드, 변환, 파일 나누기에 선택 범위를 적용하도록 개선했습니다. 장면 미리보기, 프레임 이동, 장면 저장 등 원하는 시점을 빠르게 찾고 활용할 수 있는 기능을 추가했습니다. 결과 영상의 재생 속도를 미리 확인하고 0.5~2배속 MP4로 저장할 수 있도록 추가했습니다. 파일 나누기 프리셋과 작업 진행 표시를 추가하고 WebM 탐색 및 구간 처리 안정성을 개선했습니다. v0.2.2 녹화 취소·완료·오류가 동시에 처리될 때 상태가 잘못 남는 문제를 개선했습니다. 방송 해상도가 바뀌어도 선택 영역의 합성 비율과 출력 크기를 유지하도록 개선했습니다. 다중영역의 가능한 가로·세로 분할을 재귀적으로 비교해 2~4개 영역의 혼합 배치를 원본 위치에 맞게 합성하도록 개선했습니다. 배율 변환 시 영역 경계를 같은 기준으로 계산해 합성 영상이 겹칠 수 있는 문제를 수정했습니다. 결과 파일 로딩과 변환 실패 처리, 임시 녹화 데이터 정리를 안정화했습니다. WebM 결과를 재생하지 않아도 원하는 시점으로 바로 이동할 수 있도록 개선했습니다. 확장 프로그램을 다시 로드해도 플레이어의 전체 녹화·스크린샷 버튼 설정이 바로 반영되도록 수정했습니다. v0.2.1 녹화 중 결과 파일을 만들지 않고 중단하는 녹화 취소 기능을 추가했습니다. 녹화 취소 단축키를 추가했습니다. 기본값은 c입니다. 다중영역 배치 판단을 개선했습니다. 영역 내부를 클릭하면 해당 영역이 바로 활성화되도록 개선했습니다. 전체 영역 해제 단축키를 추가했습니다. 기본값은 z입니다. 영역 선택 중 우클릭으로 선택을 취소할 수 있도록 개선했습니다. v0.2.0 다중영역 옵션을 추가해 최대 4개의 선택 영역을 함께 녹화할 수 있도록 했습니다. 설정에서 다중영역 개수를 2~4개로 조절할 수 있도록 추가했습니다. 다중영역에서 1~4 키로 활성 영역을 바꾸고, 활성 영역은 더 진하게 표시되도록 개선했습니다. 영역 크기 조절 중 다른 영역의 같은 행/열 선과 맞으면 양쪽 선을 가이드 색으로 표시하고 스냅되도록 추가했습니다. 영역끼리 서로 겹치지 않도록 제한했습니다. 3개 이상 영역 녹화 시 위치 기준으로 영역을 묶어 더 자연스럽게 이어 붙이도록 개선했습니다. v0.1.3 파일명 앞에 스트리머 이름을 붙일 수 있는 옵션을 추가했습니다. 페이지 단축키로 영역 선택(a), 영역 해제(x), 영역 녹화(r), 영역 스크린샷(s), 전체 녹화(e), 전체 스크린샷(d)을 실행할 수 있도록 추가했습니다. 확장 프로그램 설정 창에서 단축키 변경, 단축키 초기화, 설정 전체 초기화를 실행할 수 있도록 추가했습니다. 좌/우 방향키 이동과 이동 초 설정을 추가했습니다. 녹화 결과창을 닫으면 이전 탭으로 돌아가도록 개선했습니다. 분할 파일 다운로드 시 순서대로 다운받도록 개선했습니다. v0.1.2 설정화면에서 전체 녹화 버튼과 전체 스크린샷 버튼 표시 여부를 각각 설정할 수 있도록 개선했습니다. 치지직 플레이어에서 전체 화면 녹화와 전체 스크린샷을 바로 실행할 수 있는 버튼을 추가했습니다. v0.1.1 치지직에서 검색이나 화면 전환으로 플레이어 크기가 바뀌어도 선택한 영역 비율을 유지하고 녹화가 잘못 종료되지 않도록 개선했습니다. 다른 채널 이동, 방송 종료처럼 녹화 중인 스트림이 끝나는 경우 자동으로 녹화를 마치도록 개선했습니다. 선택 영역 스크린샷 캡처와 PNG 저장 기능을 추가했습니다.