경로 애니메이션을 영상(.webm)으로 저장하는 방법 — 브라우저 화면 녹화

녹화하는 순서

1. "📍 출발→도착" 또는 "📂 GPX" 탭에서 지도에 경로를 먼저 표시합니다. 경로가 있어야 재생·녹화 버튼이 활성화됩니다.
2. 이동수단과 재생 속도를 정합니다. 속도가 빠를수록 영상이 짧아집니다.
3. "● 녹화" 버튼을 누르면 브라우저가 어떤 화면을 공유할지 묻습니다. 트레일나무가 열려 있는 이 탭(현재 탭)을 선택합니다.
4. 녹화가 시작되면 "▶ 재생"을 눌러 경로 애니메이션을 시작합니다. (녹화만 시작해서는 애니메이션이 자동으로 재생되지 않습니다)
5. 애니메이션이 끝나면 "■ 중지"를 눌러 녹화를 마칩니다. 잠시 후 "⬇ 영상 다운로드 (.webm)" 버튼이 나타납니다.
6. 다운로드 버튼을 눌러 영상 파일을 PC에 저장합니다.

녹화가 잘 안 될 때

• 화면 공유 선택창에서 "취소"를 누르면 녹화가 시작되지 않습니다. 다시 "● 녹화"를 눌러 주세요.
• 애니메이션이 끝난 뒤 "■ 중지"를 누르는 걸 잊으면 뒷부분에 빈 화면이 계속 녹화됩니다.
• 다른 탭이나 창을 공유하면 지도가 아닌 화면이 녹화됩니다. 반드시 트레일나무 탭을 선택하세요.
• 모바일 브라우저는 화면 녹화 기능을 지원하지 않는 경우가 많습니다. PC 브라우저에서 시도해 주세요.
• 브라우저의 화면 공유 권한이 차단돼 있지 않은지 확인합니다.

WebM 영상 활용하기

저장되는 파일은 .webm 형식입니다. 크롬·엣지 같은 최신 브라우저와 많은 영상 편집 프로그램에서 재생·가져오기가 가능하지만, 일부 프로그램이나 SNS 업로드 화면에서는 MP4를 요구할 수 있습니다.

그런 경우에는 무료 영상 변환 프로그램(예: HandBrake, FFmpeg 등)으로 MP4로 변환해서 사용하세요. 변환 방법은 각 프로그램의 안내를 따르면 됩니다.

더 깔끔한 영상을 만드는 팁

• 녹화 전에 브라우저 창 크기를 정해 두면 영상 비율이 일정해집니다.
• "● 녹화"를 누른 직후가 아니라, 화면 공유 선택이 끝나고 지도가 보이는 상태에서 "▶ 재생"을 누르면 시작 부분이 깔끔합니다.
• 알림이나 다른 팝업이 뜨지 않도록 방해 금지 모드를 켜고 녹화하세요.
• 3D 지형을 켜면 산악 코스가 훨씬 입체적으로 보입니다.

녹화 전 체크리스트

• 지도에 경로가 표시되어 있고 "▶ 재생", "● 녹화" 버튼이 활성화돼 있는지 확인합니다.
• 이동수단, 재생 속도, 3D 지형 여부를 미리 정해 둡니다. 녹화 중에는 설정을 바꾸지 않는 게 좋습니다.
• 녹화하는 동안에는 다른 탭으로 이동하지 말고 트레일나무 탭을 계속 보이는 상태로 두세요.
• 지도 타일이 모두 불러와졌는지 확인한 뒤 시작하면 처음부터 깔끔한 화면이 녹화됩니다.

자주 묻는 질문

Q. 소리도 녹음되나요? — 아니요. 화면(영상)만 녹화되며 오디오는 포함되지 않습니다. 배경 음악은 영상 편집 프로그램에서 넣어 주세요.

Q. 영상은 어디에 저장되나요? — 녹화는 사용자의 브라우저 안에서만 이루어지고, "⬇ 영상 다운로드 (.webm)"를 눌러야 내 PC에 파일로 저장됩니다. 서버로 업로드되지 않습니다.

Q. 화질이나 해상도는 어떻게 정해지나요? — 공유한 화면(탭)의 크기와 브라우저의 화면 공유 설정에 따라 달라집니다. 브라우저 창을 크게 두고 녹화하면 더 큰 화면이 기록됩니다.

Q. 재생 시간은 얼마나 되나요? — 경로 길이와 ⚡ 속도 값으로 정해집니다. 계산 방법과 속도 값별 시간은 "경로 애니메이션 속도 설정법" 가이드를 참고하세요.

영상 길이는 이렇게 정해집니다

영상의 길이는 녹화 버튼을 누른 시점부터 "■ 중지"를 누른 시점까지입니다. 애니메이션 자체의 재생 시간은 경로 길이와 ⚡ 속도 값으로 정해집니다.

그래서 "● 녹화"를 누른 뒤 "▶ 재생"을 누르기까지 걸린 시간과 재생이 끝난 뒤 "■ 중지"를 누르기까지 걸린 시간이 영상의 앞뒤 여백이 됩니다. 영상을 짧고 깔끔하게 만들려면 이 사이 간격을 최소화하세요.

애니메이션이 너무 짧게 지나간다면 속도 값을 낮추세요. 편집 프로그램에서 영상을 느리게 만드는 것보다 처음부터 느린 속도로 녹화하는 쪽이 부드럽게 나옵니다.

자세히 보기: 속도 값별 재생 시간과 용도별 추천 설정 보기

녹화본을 확인하고 정리하는 방법

1. 다운로드한 .webm 파일을 크롬이나 엣지 같은 브라우저 창에 끌어다 놓으면 별도 프로그램 없이 바로 재생해 볼 수 있습니다.
2. 앞뒤에 불필요한 구간이 있다면 영상 편집 프로그램에서 잘라냅니다.
3. 필요하면 MP4로 변환하고, 배경 음악이나 자막을 입혀 완성합니다.

녹화 실패를 줄이는 습관

• 긴 영상을 한 번에 찍기보다 짧은 구간을 여러 번 나누어 녹화하면 실패했을 때 다시 하기 쉽습니다.
• 녹화를 시작하기 전에 경로 찾기·속도·3D 지형 설정을 모두 끝내 두세요. 녹화 도중 설정을 바꾸면 화면이 갑자기 바뀝니다.
• 컴퓨터 성능이 낮으면 3D 지형을 켠 상태에서 화면이 끊길 수 있으니, 먼저 한 번 재생해 보고 부드러운지 확인한 뒤 녹화하세요.

이 방식으로 녹화할 때 알아둘 점

트레일나무의 녹화는 서버에서 영상을 만들어 주는 방식이 아니라, 브라우저의 화면 공유(화면 캡처) 기능으로 지금 보이는 탭을 그대로 담는 방식입니다. 그래서 화면에 보이는 모든 것이 영상에 포함됩니다. 지도와 경로 외에 화면에 떠 있는 버튼이나 안내 문구도 함께 기록될 수 있으니 녹화 전에 화면을 정리하세요.

또한 브라우저가 지원하는 방식에 따라 결과가 조금씩 다를 수 있습니다. 영상은 .webm 형식으로 저장되며 초당 30프레임을 목표로 녹화를 요청합니다. 컴퓨터 성능이 낮거나 다른 프로그램이 무겁게 돌아가고 있으면 실제 프레임 수는 더 낮아질 수 있습니다.

목적별 영상 만들기 팁

• SNS용 짧은 영상: 속도 값을 높여 짧게 만들고, 편집에서 반복 재생하거나 앞뒤에 제목 화면을 붙이세요.
• 블로그 삽입용: 속도 값을 낮춰 느긋하게 보여주고, 글 내용과 어울리도록 이동수단 아이콘을 맞춰 선택하세요.
• 여행 후기 영상의 한 장면: 3D 지형을 켠 상태와 평면 상태를 각각 녹화해 두면 편집할 때 장면을 고르기 쉽습니다.
• 발표 자료: 영상 편집 없이 바로 쓰려면 앞뒤 여백이 최대한 짧도록 "● 녹화" → "▶ 재생" → "■ 중지"를 연달아 눌러 녹화하세요.

저장 후에도 영상이 안 보인다면

• 다운로드된 파일의 크기가 0에 가깝다면 녹화가 제대로 시작되지 않은 것입니다. 화면 공유 선택창에서 올바른 탭을 선택했는지 확인하고 다시 녹화하세요.
• 재생 프로그램이 .webm을 열지 못한다면 크롬이나 엣지 브라우저에 파일을 끌어다 놓아 재생해 보거나, MP4로 변환하세요.
• 영상 길이가 표시되지 않거나 탐색 바가 움직이지 않는 경우 편집 프로그램에서 열면 정상으로 보이는 경우가 많습니다. 편집 프로그램으로 가져와 다시 내보내기를 해 보세요.