Chrome 기본 PIP가 못 하는 일, Crispip가 채우는 부분

Crispip는 Chrome 화면 속 화면(PIP)을 확장하는 확장 프로그램입니다. 서로 다른 탭의 영상을 하나의 떠 있는 창에 모아 나란히 재생하고 각각을 따로 조작합니다. 영상 하나만 띄우는 기본 PIP의 빈자리를 메웁니다.

Chrome 기본 PIP가 할 수 있는 일과 없는 일

기본 PIP가 하는 일은 하나입니다. 페이지의 video 요소 하나를 떼어내 항상 위에 뜨는 작은 창으로 옮겨, 다른 탭으로 옮겨가도 재생을 이어 갑니다. MDN의 Document Picture-in-Picture API 문서에 따르면 이전의 영상 전용 API는 한 번에 video 하나만 담을 수 있고 브라우저가 제공하는 조작도 제한적입니다. "여러 영상을 어떻게 나란히 놓을지"는 애초에 다루지 않았고, 그에 해당하는 진입점도 없습니다.

기본 PIP의 다섯 가지 한계
한계 구체적인 모습 사용자에게 무엇을 뜻하는가
창 하나에 영상 하나 페이지의 단일 video 요소에 묶여, 창 하나가 화면 하나에 대응합니다. 둘을 동시에 보려면 창을 두 개 띄워야 하고, 기본값으로 같은 자리에 겹칩니다.
나란히 놓는 레이아웃이 없음 창은 하나의 사각형이고 안쪽을 나눌 수 없습니다. 두 화면을 비교하려면 창을 계속 끌어 위치를 맞춰야 하고, 화면이 작으면 불가능해집니다.
조작 기능은 사이트가 정함 버튼은 사이트 자체 플레이어의 것이고, 재생과 일시정지만 제공하는 사이트도 있습니다. 회차를 바꾸거나 구간을 이동하려면 원래 탭으로 돌아가야 합니다. PIP는 조작보다 시청에 가깝습니다.
원래 페이지를 닫으면 화면이 사라짐 MDN 설명대로 PIP 창은 그것을 연 페이지보다 오래 살지 못합니다. 탭을 정리하려면 재생 페이지를 남겨야 하고, 여러 영상이면 탭이 계속 늘어납니다.
스크린샷도 녹화도 없음 영상을 비춰 줄 뿐, 프레임을 캡처하거나 녹화하는 진입점이 없습니다. 남기고 싶은 장면은 운영체제 스크린샷에 의존해야 하고, 잘라내기와 시점 맞추기는 손으로 해야 합니다.

실제 작업에서 생기는 문제

하나씩 보면 치명적이지 않습니다. 겹치면 작업 비용이 됩니다.

장면 1: 튜토리얼을 보며 따라 하기

왼쪽에 시연, 오른쪽에 직접 따라 한 화면을 두면 한눈에 비교할 수 있어야 합니다. 그런데 기본 PIP는 두 창을 같은 자리에 겹쳐 놓기 때문에 먼저 떼어내 자리를 잡아야 하고, 크기가 다르면 서로를 가립니다. 한 강의에서 이 과정을 여러 번 반복합니다.

장면 2: 들으면서 기록하고, 필요할 때 캡처하기

화면을 구석으로 줄이고 메모를 이어 가는 것은 문제가 없습니다. 걸리는 지점은 "일시정지, 캡처, 복귀"의 연쇄입니다. 슬라이드 한 장을 담으려면 탭으로 돌아가 멈추고, 찍고, 다시 돌아와야 합니다. 쓰던 흐름은 이미 끊깁니다. 창이 작을수록 이 왕복이 잦아집니다.

장면 3: 여러 화면을 한 화면에 두기

방송 몇 개, 카메라 몇 개. 각각 창을 띄우면 세 개, 네 개만 되어도 바탕 화면이 가득 차고 서로를 덮어 PIP를 쓰지 않을 때보다 어수선해집니다.

Crispip란

Crispip(다른 이름 PiP Expert)는 Chrome 화면 속 화면을 확장하는 확장 프로그램입니다. 핵심은 서로 다른 탭의 영상을 하나의 떠 있는 PIP 창에 모아 나란히 재생하고, 각 영상에 독립적인 재생 조작을 남겨 두는 것입니다.

플레이어를 새로 만든 것이 아니라 "떠 있는 창 하나"를 그릇으로 씁니다. 영상은 원래 페이지에서 오는 그대로이고, 다만 한 창 안에 모여 배치될 뿐입니다. 구체적인 기능은 다음과 같습니다.

설치는 Chrome 웹 스토어에서 합니다. Document Picture-in-Picture API에 의존하며, Chrome for Developers 문서에 따르면 이 API는 Chrome 116부터 제공되므로 Chrome 116 이상이 필요합니다.

Crispip가 기본 PIP의 한계에 답하는 방식

Crispip는 기본 PIP를 뒤집는 것이 아니라, 그것이 포기한 자리를 채웁니다. 앞의 다섯 한계와 하나씩 맞춰 보면 무엇이 해결되고 무엇이 남는지 보입니다.

한계와 대응의 대응 관계
기본 한계 Crispip의 방식 실제 효과
창 하나에 영상 하나 같은 떠 있는 창에 여러 영상 공존 둘을 나란히, 창을 다시 배치할 필요 없음
나란히 놓는 레이아웃이 없음 격자와 시어터 모드를 포함한 네 가지 레이아웃 내용에 맞춰 배치를 고르고 화면을 덜 낭비
조작 기능은 사이트가 정함 영상마다 독립된 조작 바 일시정지와 구간 이동이 서로 간섭하지 않음
원래 페이지를 닫으면 화면이 사라짐 변경 없음: 영상은 여전히 원래 페이지에서 옴 탭을 닫으면 그 영상은 끊김
스크린샷도 녹화도 없음 스크린샷과 녹화 내장 필요한 프레임을 그 자리에서 저장, 탭 전환 없음

네 번째는 채우지 않았습니다. Crispip가 푸는 것은 "여러 화면을 어떻게 함께 볼지"이고, "영상을 페이지에서 떼어내는 일"이 아닙니다.

맞는 사람, 맞지 않는 사람

쓰임새는 넓지 않지만 분명합니다. 여러 화면을 동시에 비교해야 하는 사람입니다.

반대로 다음 경우에는 설치하지 않는 편이 낫습니다.

자주 묻는 질문

Chrome 기본 PIP로 영상 두 개를 동시에 볼 수 있나요?

없습니다. PIP 창 하나는 영상 하나만 담고, 두 번째는 별도 창으로 위에 겹칩니다. 한 창에 나란히 보려면 확장 프로그램이 필요합니다.

Crispip는 무료인가요?

무료판이 있고 동시에 2개, 격자 레이아웃, 기본 조작을 쓸 수 있습니다. 스크린샷, 녹화, 시어터 모드는 PRO이며 가격은 스토어 페이지를 따릅니다.

Crispip가 시청한 영상을 전송하나요?

아니요. 영상은 브라우저에서 디코딩되고 확장 프로그램은 화면 내용을 업로드하지 않습니다. 개인정보 처리방침에도 방문 기록과 영상 내용을 받지 않는다고 적혀 있습니다.

설치 방법부터 보려면 빠른 시작, 요금제와 가격은 가격 페이지에서 확인하세요.

이 글의 기술 설명은 MDN과 Chrome for Developers 문서를 따릅니다. 제품 기능과 개인정보 관련 설명은 Chrome 웹 스토어 등록 페이지와 개인정보 처리방침을 기준으로 합니다.