🖥️🎥 JavaScript로 자동 화면 녹화

macOS defaults recording feature 을 빌드할 때 관리자 작업을 최대한 자동화하고 싶었습니다. 즉, 스크린샷과 녹음을 스크립팅하고 새 macOS 버전이 나올 때 다시 실행하고 싶습니다. 나에게 많은 도움이 된 두 가지 패키지를 찾았습니다.

aperture-node을 사용하여 전체 Mac 화면을 기록하십시오.

robot.js 프로그래밍 방식으로 마우스를 이동하고 키보드를 사용합니다(모든 OS에서 작동해야 함).

사용 방법은 다음과 같습니다.

const aperture = require('aperture')()
const robot = require('robotjs')
const delay = require('delay')
const { compressVideo } = require('../../utils')

async function record() {
  // ...

  robot.moveMouse(pos1.x, pos1.y)

  // Action!
  await aperture.startRecording({ highlightClicks: true, cropArea })

  robot.moveMouseSmooth(pos2.x, pos2.y, 2)
  await delay(1000)
  robot.moveMouseSmooth(pos3.x, pos3.y, 5)
  await delay(100)
  robot.moveMouseSmooth(pos1.x, pos1.y, 10)
  await delay(500)

  const tmpRecordingPath = await aperture.stopRecording()
  // End recording

  try {
    await compressVideo(tmpRecordingPath, outputPath)
  } catch (compressVideoError) {
    throw new Error(compressVideoError)
  }
}

여기서 무슨 일이 일어나는지 설명합시다.

robot.moveMouse(pos1.x, pos1.y)

robot.jsmoveMouse 메서드... 마우스를 움직여 보세요. 지체 없이 바로 해준다.
x 값은 화면의 왼쪽 테두리에서 설정됩니다. y 값은 위쪽 테두리에서 가져온 것입니다.

robot.moveMouseSmooth(pos2.x, pos2.y, 2)

moveMouseSmooth "인간처럼"합니다. 완벽하지는 않지만 충분합니다. 세 번째 매개변수는 마우스 이동 속도를 조정합니다.

마지막 작업이 다른 작업을 수행하기 전에 종료되었는지 확인하기 위해 delay 을 사용하여 작업 사이에 약간의 지연을 추가합니다.

내가 사용한 다른 robots.js 방법:

const { width, height } = robot.getScreenSize()

robot.keyTap('g', ['command', 'shift'])

const pic = robot.screen.capture(x, y, width, height)

간단합니다!

Aperture로 넘어갑시다.

Aperture는 뛰어난 성능으로 AVFoundation framework을 사용하는 저수준 Swift 스크립트입니다. Kap 이라는 오픈 소스 스크린 레코더 요구 사항을 충족하도록 제작되었습니다.

Node API는 매우 간단합니다.

const options = {
  cropArea: {
    x: pos2.x - recordWidth / 2, y: 0,
    width: recordWidth, height: recordHeight
  },
  highlightClicks: true
}

await aperture.startRecording(options)

CropAreax 값은 화면의 왼쪽 테두리에서 설정됩니다. 아래쪽 테두리의 y 값입니다. robots.js와 동일한 참조가 아니므로 주의해야 했습니다!

const tmpRecordingPath = await aperture.stopRecording()
//=> '/private/var/folders/3x/jf5977fn79jbglr7rk0tq4d00000gn/T/cdf4f7df426c97880f8c10a1600879f7.mp4'

stopRecording 메서드는 비디오가 저장되는 경로를 제공합니다.

그런 다음 화면 녹화를 사후 처리할 수 있습니다. 제 경우에는 크기를 조정하고 압축하고 다른 폴더로 이동하는 방법을 만들었습니다.

불행히도, 해결 시행을 위한 강력한 솔루션을 찾지 못했습니다. 따라서 다른 설정에서 결과가 100% 동일하다고 보장할 수 없습니다.

그게 다야! 간단하지 않습니까? 의견 섹션에서 어떻게 생각하는지 알려주십시오 🙂

자동 화면 녹화에 대해 더 자세히 알고 싶다면 macOS defaults recorder !