ScreenRecorder - 웹 기반 무료 Screen Studio 대체제

• 브라우저에서 바로 화면 녹화를 할 수 있는 도구
• 로그인 없이 제품 데모와 튜토리얼을 쉽게 만들 수 있는 기능을 제공
• 화면 스타일링과 웹캠 효과를 통해 전문적인 비주얼을 쉽게 구현할 수 있음
• 애니메이션 기능을 통해 자연스럽고 부드러운 녹화를 지원함
• 사용자 친화적인 인터페이스로 빠르고 쉽게 녹화, 편집, 공유가 가능함

---

ScreenRecorder.me 소개

• ScreenRecorder.me는 브라우저에서 직접 화면 녹화를 할 수 있는 도구임
• 로그인 없이 제품 데모와 튜토리얼을 쉽게 만들 수 있는 기능을 제공함

화면 스타일링

• 화면 스타일링을 통해 둥근 모서리, 그림자, 테두리, 색상을 빠르게 커스터마이즈할 수 있음
• 전문적인 화면 녹화를 몇 초 만에 달성할 수 있음

웹캠 효과

• 웹캠의 모양, 위치, 테두리, 그림자, 색상을 쉽게 조정할 수 있음
• 전문적인 웹캠 비주얼을 손쉽게 구현할 수 있음

애니메이션

• 자동 마우스 추적 또는 수동 위치 조정을 통해 녹화를 부드럽게 애니메이션화할 수 있음
• 모든 움직임이 물리 기반 애니메이션으로 자연스럽고 부드러움

사용자 친화적인 인터페이스

• 사용자 친화적인 인터페이스로 빠르고 쉽게 녹화, 편집, 공유가 가능함

[GN⁺]

Hacker News 의견들

• 이 도구를 셀프 호스팅할 수 있으면 좋겠음
  라이선스를 구매하는 방식이어도 괜찮지만, 내 하드웨어가 아닌 곳에서 실행되는 건 원치 않음
  배포 가능한 Docker 컨테이너로 묶어주면 아주 좋겠음

  • 맞음. 시간이 지나면서 충분히 검토해볼 만한 방향임
    Basecamp가 Pay Once 모델을 꽤 성공적으로 실험해온 것도 알고 있음
  • 지금 당장 Docker 컨테이너는 걱정하지 않아도 됨. 커뮤니티가 알아서 만들 수 있을 테지만, 물론 있으면 큰 진전이라고 봄
    다만 이 도구가 오래 남으려면 먼저 소스 코드가 정말 필요함
  • 평생 사용 가치 기준으로 얼마까지 낼 의향이 있음?
    비슷한 도구를 직접 만든 적이 있고, 몇 가지 기능을 더 넣어 셀프 호스팅 가능한 라이선스 판매 형태로 구현할 수 있음

• HN 여러분, 제품 마케팅 매니저, 개발자, 작업물을 말하는 얼굴과 함께 보여주고 싶은 사람을 위한 100% 웹 기반 화면 녹화 도구를 만들었음
  ScreenStudio에서 영감을 받았고, 브라우저에서 바로 다듬어진 녹화를 쉽게 만들 수 있게 해줌
  처음에는 ReMotion을 썼지만 한계가 있어서, ReMotion의 기능에서 크게 영감을 받되 내 사용 사례에 맞춘 자체 애니메이션 엔진을 처음부터 만들었음
  브라우저 보안 제약 때문에 getDisplayMedia()로 커서 움직임을 직접 추적할 수 없어서, 커서 감지용 맞춤 YOLO 모델을 학습시켰고, 덕분에 브라우저 제한을 우회해 녹화 안에서 마우스를 따라가는 부드러운 애니메이션을 구현할 수 있었음

  • 작업 잘했음. 시작하기가 아주 단순해서 마음에 듦
    가입이 조금 더 번거로워지겠지만, 가능하다면 실제 마우스 좌표를 얻을 수 있는 Chrome 확장 프로그램을 고려해볼 만함
    애니메이션이 ScreenStudio와 비교하면 조금 거칠게 느껴져서, 실제 좌표가 도움이 될 수 있음. 다만 더 많은 평활화나 이징으로도 해결될지도 모름

• 멋져 보이지만, 개인정보 보호 때문에 로컬에서 녹화하고 파일은 직접 보내는 쪽을 선호함
  https://cursorful.com/ 확장 프로그램을 써왔는데 Chrome 전용이고, 영상을 클라우드에 올리지 않고 전부 로컬에서 처리함
  무료 요금제 기능만으로도 충분했음

  • 클라우드 호스팅을 쓰면 자산을 중앙에서 관리할 수 있고, Arcade나 Supademo처럼 서버 쪽 구성 요소가 필요한 인터랙티브 기능을 추가하기 쉬움
    분석과 맞춤 설정도 단순해짐. 현재는 모든 것을 S3에 저장하지만 영상은 며칠마다 삭제함
    반응이 좋다면 SOC 2 같은 표준 구현 경험도 이미 있음
  • cursorful을 써본 적이 있는데, 상업적 용도로 쓰고 있다면 라이선스를 사야 하니 확인해야 함
    cursorful이 비싼 건 아니지만, 솔직히 상업적 용도에도 쓸 수 있는 무료 버전이 있으면 좋겠음
  • 꽤 멋짐. 곧 이것의 오픈소스 버전도 나올 것임

• 이건 개인식별정보와 보안상 민감한 정보를 저장할 가능성이 있으니 개인정보 처리방침이 반드시 필요함
  사람들은 정말 골치 아픈 존재라서, 누군가 이걸로 비밀 정보를 유출하는 모습이 벌써 보임

• 개인정보 보호를 많이 걱정하는 건 이해되지만, 적절한 데이터 개인정보 보호 정책을 마련하고 실제로 그 약속을 지키면 쉽게 정리될 수 있음
  사업 관점에서 접근한다면 그게 가장 큰 문제는 아닐 것임. 댓글을 보면 정책과 무관하게 대부분은 화면 녹화본을 원격 서비스에 두고 싶어 하지 않음
  선택지는 몇 가지가 있음. 첫째, 클라이언트 장치나 브라우저를 떠나기 전에 WebRTC Insertable Streams 같은 방식으로 나가는 WebRTC 스트림을 암호화하고, 고객만 알고 관리하는 로컬 키로 인코딩하는 방법임
  이렇게 하면 저장된 화면 녹화본에 서비스 제공자가 접근할 수 없고, 고객은 필요할 때 내려받아 복호화할 수 있음. 다만 막대한 데이터를 저장하고 전송해야 해서 서비스 비용이 감당하기 어려워질 가능성이 큼
  둘째, 위와 같지만 서비스 쪽에서 고객을 대신해 복호화해 재생 가능한 미디어를 내려받게 하는 방법임. 이 경우 플랫폼이 일시적으로 내용을 ‘볼’ 수 있게 되는 보안 위험이 생김
  셋째, MediaRecorder WebM 같은 방식으로 직접 녹화본을 저장하는 방법임. 표준이 자리 잡는 과정이라 브라우저 호환성 문제가 있고, H.264 라이선스 같은 짜증나는 현실 때문에 덜 뻔한 인코딩을 써야 함

• Firefox나 Safari에서는 작동하지 않는 것 같음. 대화상자가 열리자마자 바로 닫힘

  • 지금 살펴보는 중임. 두 브라우저에서 테스트했지만, 홈페이지를 조금 바꾸면서 망가졌을 수 있음
  • 다시 고마움. Firefox에서는 작동하게 고쳤고 지금 배포 중임. Safari는 아직 조사 중임
  • macOS Safari에서도 비슷한 방식으로 실패함

• YouTube 시리즈가 좋음. 날것 그대로 공개적으로 만드는 과정을 보는 게 훌륭함
  이건 YouTube 영상을 만들기에 킬러 앱이 될 수 있지만, 영상을 다운로드할 수 없으면 게시할 수 없음
  “Export”는 되지만 원본 mp4 파일이 아니라 공유 가능한 특정 링크만 줌
  이 기능을 추가할 계획이 있음?

  • 당연히 추가할 것임. Chrome에서는 비디오를 오른쪽 클릭해서 저장할 수 있음
    YouTube 시리즈에 대한 좋은 말도 고마움. 내가 직접 쓸 도구를 만드는 게 목표라서, 제목 페이지나 텍스트 같은 여러 기능을 추가하고 싶음

• screen.studio를 너무 가깝게 베낀 것 같아서 뒷맛이 좋지 않음
  랜딩 페이지에서도 screen studio처럼 Google Sheets 서식 적용을 보여줌
  screen studio에서 영감을 받는 건 괜찮지만, 그쪽도 대부분 1인 개발자이니 좀 더 독창적으로 해보면 좋겠음

  • 우리는 자본주의 안에 살고 있음. 자본주의는 돈을 벌기 위해 남들과 경쟁하는 것임
    지적재산권에는 법적 보호 장치가 있고, 그 보호는 이미 혁신과 창의성에 지나치게 해를 끼치고 있음
    이 사람은 법적 경계 안에서 움직이고 있고, 사업에서 모두가 하는 것과 같은 일을 하고 있음. 불법이 아니라면 문제가 보이지 않음
    자본주의의 윤리와 도덕을 이야기하려면, 고립된 사례만 해롭다거나 “나쁘다”고 탓할 게 아니라 전체가 어떻게 해로운지부터 논의해야 함

• 훌륭함. 아직 다듬을 부분은 있지만 많은 앱보다 더 마음에 듦
  내 경우 노트북에서 USB 카메라가 잘 작동하지 않았고, 하나만 선택할 수 있었는데 그게 노트북 내장 카메라였음
  피드백을 받아 개선해주면 좋겠음. 그렇게 하지 않더라도 나는 쓸 것 같고, 마음에 듦

  • 시간이 지나면서 피드백을 줄 의향이 있다면, 이 도구에 실제 사용 사례가 있고 계속 쓸 생각이 있는 기능들을 구현하겠음
    유료화를 시작하면 그 대가로 무료 서비스를 제공하겠음
    언급한 화면비 문제는 충분히 테스트되지 않았고, 이미 준 피드백만으로도 매우 가치 있음. 이건 고치겠음

• 멋지지만 클라이언트 쪽에서만 처리되는 줄 알았는데, 알고 보니 영상이 내보내진 뒤 원격에 저장되는 것 같음. 맞는지 확인해줄 수 있음?

  • 맞음. 영상은 S3에 저장되고 며칠마다 삭제됨