대시보드를 녹화하세요, 카메라 버블까지 함께

괜찮은 것을 만들면 보여주고 싶어집니다 — 정지 화면이 아니라 움직이는 모습으로요. 지금까지 그것은 앱을 떠나 별도의 녹화 도구를 구하고, 브라우저 창을 구도에 맞추고, 결과가 볼 만하기를 바라는 일이었습니다. 이제는 툴바의 버튼 하나입니다.

대시보드 캡처는 두 가지를 제공합니다. 저장 전에 잘라낼 수 있는 스크린샷, 또는 비디오 녹화 — 당신의 캔버스를, 멈추거나 10분에 이를 때까지 실시간으로.

무엇을 담을지

시작 전에 정하는 세 개의 스위치.

• 카메라 버블 — 웹캠을 원형으로 영상에 합성
• 마이크 — 당신의 해설
• 탭 오디오 — 페이지 자체가 재생 중인 소리

카메라 버블은 구석에 붙박이가 아닙니다. 원하는 곳으로 드래그하면 손을 뗀 지점에서 가장 가까운 모서리에, 고른 크기로 달라붙습니다. 나중에 덧씌운 레이어가 아니라 영상의 일부이므로, 구도를 잡은 대로가 파일의 내용입니다.

녹화 중에는 떠 있는 컨트롤 바가 방해되지 않는 자리에 머무르며, 도중에 정말 필요한 네 가지를 합니다. 일시정지와 재개, 마이크 음소거, 탭 오디오 음소거, 카메라 버블 숨기기와 옮기기 — 그리고 정지. 타이머는 내내 돌아가고, 10분 상한에 가까워지면 설명 없이 끊기는 대신 미리 알려줍니다.

그다음은 다운로드가 아니라 결정

멈추면 그 녹화가 검토 화면에서 열리고, 영상과 네 가지 선택지가 나옵니다. 저장, 공유, 게시, 버리기.

게시는 커뮤니티 피드로 보내는 것이고, 한도가 있는 유일한 선택지입니다. 10분짜리 녹화는 피드 업로드가 허용하는 크기를 넘길 수 있습니다. 그럴 때 게시는 비활성화되고 이유를 설명합니다 — 최대치를 숫자로 밝히면서요. 저장과 공유는 그 한도 근처에도 가지 않으므로 그대로 쓸 수 있습니다. 숫자를 알려주는 회색 버튼이, 업로드 막대가 다 찬 뒤 실패하는 버튼보다 낫습니다.

화려하지 않지만 파일의 질을 결정하는 부분들

화면 녹화기의 일 대부분은 잘 돌아갈 때는 보이지 않습니다.

• 영상은 카메라 버블이 없어도 항상 고정 크기 캔버스 위에 합성됩니다. 탭 캡처의 해상도는 창을 따라가므로, 녹화 도중 창 크기를 한 번만 바꿔도 비디오 트랙이 재협상되고, 해상도가 바뀐 파일은 대부분의 플레이어에서 깨집니다. 시작할 때 크기를 한 번만 정해 두는 것이 출력물을 하나의 깔끔한 인코딩으로 만듭니다. 30fps의 1080p, 브라우저가 결국 전체 화면 소스를 건네주면 720p로 내려갑니다.
• 컨테이너는 실행 시점에 고르며, 넘겨짚지 않습니다. 파이어폭스는 WebM을, 사파리는 MP4를 녹화하고, 크로미움은 버전에 따라 둘 다 내보냈습니다. 녹화기는 MP4를 먼저 시도하고 — 녹화 후 가져갈 만한 곳 어디서나 재생되는 파일이니까요 — 필요하면 WebM까지 내려간 뒤, 요청했던 형식이 아니라 브라우저가 실제로 사용한 형식에 맞춰 파일 이름을 붙입니다.
• 프레임은 페이지와 별개의 시계로 박자를 맞춥니다. 백그라운드 탭은 애니메이션은 조이지만 오디오는 조이지 않는데, 이것이 바로 화면은 멈춘 채 해설만 이어지는 결과가 만들어지는 방식입니다. 녹화 중 탭이 가려져 있었다면, 나중에 알아차리게 두는 대신 검토 화면이 그렇게 말해 줍니다.
• 모든 트랙은 어떤 종료 경로에서도 정지됩니다. 시작 도중 실패한 경우까지 포함해서요. 카메라 표시등이 켜진 채 남는 것은 당신을 지켜보는 것처럼 보이는 앱이고, 그것에는 받아들일 만한 형태가 없습니다.

오류는 양방향으로 정직합니다. 브라우저의 선택 창을 닫는 것은 오류가 아니므로 조용히 넘어갑니다 — 아무것도 공유하지 않았으니 알림은 소음일 뿐입니다. 하지만 화면을 보내지 않는 소스는 회색 사각형을 향해 5분을 이야기하기 전에 경고하고, 아예 비디오를 인코딩하지 못하는 브라우저는 빈 파일을 만드는 대신 그렇다고 말합니다.

다음 차례: 위젯 하나만 녹화

다음 업데이트에서는 이것의 더 작고 날카로운 버전이 옵니다. 위젯 자체의 헤더에 있는 카메라 버튼이 그 위젯만 녹화합니다 — 위젯 본문에 맞춰 잘리므로 버튼이 놓인 헤더도, 컨트롤 바도 화각 밖에 남습니다. 녹화 표시기는 녹화하는 동안 바로 거기에 있어도 영상에는 찍히지 않습니다.

이것은 Region Capture 위에 만들어졌고, 오늘날 그것은 데스크톱 크로미움의 기능입니다. 그래서 버튼은 나중에 사과해야 할 약속을 내미는 대신, 실제로 해낼 수 있는 곳에만 나타납니다. 위젯을 옮기면 따라가고, 위젯이 스크린을 떠나면 깔끔하게 멈춥니다.

이 둘을 합치면 “내가 만든 것 좀 보세요”는 스크린샷 한 장에 문단 하나가 아니게 됩니다.

Nexow 열기 후 툴바에서 대시보드 캡처를 찾아 캔버스를 녹화하세요.