화면녹화2 [자바스크립트] 캔버스(canvas) 화면 캡처/녹화 방법(+파일 저장 다운로드 구현) 자바스크립트는 태그의 화면을 캡처/녹화하는 방법을 제공한다. 예를 들어 캔버스에서 동작 중인 애니메이션을 녹화하여 동영상 등으로 저장할 수 있다. 작업 순서는 아래와 같다. # canvas 태그 화면 캡처/녹화 방법 1. canvas태그 화면 스트림 취득 : HTMLCanvasElement.captureStream()=>MediaStream 2. 취득한 스트림을 저장 : MediaRecorder, Blob 3. 저장한 스트림을 재생 OR 동영상 파일로 저장(다운로드) : BlobURL(ObjectURL) 먼저 canvas화면을 캡처하는 예제 코드 전문을 보고, 상세 설명을 정리한다. # canvas 캡처/녹화 방법 - 코드 전문 - 태그의 화면을 녹화하여 태그에서 재생하고, 동영상 파일로 다운로드 받는다.. 2021. 12. 12. 맥(Mac) : 맥북 화면녹화 방법(+마우스 클릭 표시 화면기록) 아주 간단하게 ! 별도 프로그램 설치 없이! 맥북 화면 녹화하는 방법을 정리합니다. ❖ 맥북(Mac) 화면 녹화 방법 1. 스크린샷 도구 : Command + Shift + 5 ▷ "전체화면기록" or "선택화면기록" 2. QuickTime Player : QuickTime Player 실행 ▷ "파일메뉴 > 새로운화면기록" * Mac OS 최근 버전부터는 QuickTimePlayer의 녹화기능이 스크린샷 도구(1번 방법)으로 통합되었습니다. 그럼 상세한 사용법을 정리하겠습니다. # 1 번째 방법: 스크린샷 도구 1 Step : 스크린샷 도구 실행 ▶︎ 단축키 : Command + Shift + 5 2-1 Step : 전체화면 녹화 ▶︎ 전체화면을 녹화하려면, 4번째 아이콘을 클릭합니다. ▶︎ 카메라 커.. 2020. 9. 30. 이전 1 다음
