[정보] IT정보&활용 2020. 7. 7. 18:08

데이터 시각화 영상 만들기

반응형

https://www.youtube.com/watch?v=bE-cIRswSrc

 

인터넷을 보면 시간의 변화에 따른 추이를 시각화해서 데이터를 보여주는 영상을 자주 만나게 되는데, 이것을 만드는 방법에 대해 소개한 유튜브 영상이 있어서 가져와 보았다.

 

간단히 텍스트로 정리해보자면,

1. http://github.com 사이트를 방문한다.

2. historical 이라는 키워드를 넣고 검색하면 나오는 목록 중 세번째를 선택한다.
https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-d3.js

3. 초록색 [ Code ] 버튼을 클릭하고, Download ZIP을 클릭해 다운 받는다.

4. 압축을 풀면 나오는 폴더에서 src 폴더로 들어간다.

- bargraph.html
  : 데이터 파일을 불러오면, 시각화된 영상을 얻을 수 있다.

- config.js
  : 환경설정 파일이며, 중국어, 영어 등이 포함되어 있다. 
    설정을 변경할 필요는 없으나 label 등을 수정하면 한글로 나타난다.
    구글 번역기 등을 써서 내용을 확인하고, 수정하면 된다.

- example.csv
  :  : 예제 파일로 기본값으로 name, type, value, date가 있다.
    외부데이터를 example.csv과 같은 형식으로 만들어야 하며, 인코딩은 UTF-8로 해야만 한다.
    데이터를 example.csv 파일에 붙여넣어 저장하고, bargraph.html에서 불러와도 된다.

5. 만들어진 영상은 OBS Studio 같은 영상 캡쳐 프로그램으로 저장하면 된다.

 

반응형
[정보] IT정보&활용 2020. 5. 8. 12:48

영상 강좌 만들기4

반응형

Avidemux는 영상을 잘라내거나 이어붙이는데 매우 유용한 도구이다.
하지만 서로 다른 크기의 영상을 이어붙이는 것은 쉽지 않은 일이다.
특히 다운받은 영상을 내가 만든 영상에 합치려고 하는 경우 이런 문제는 종종 생기게 된다.

보통 아래 그림과 같은 에러 메시지를 뿌리게 된다.

 

"첫째"

이때 가장 쉬운 방법은 카카오톡을 활용하는 것이다.
카카오톡으로 자기 자신에게 영상을 보내게 되면, 기본적으로 854x480 해상도로 변환되어 전송이 이루어진다.
이어붙이려는 두 영상을 모두 카카오톡으로 보낸 다음 그 파일을 다시 다운 받아서 이어붙이기를 하면 쉽게 만들 수 있다.

"둘째"

Avidemux에서 직접 작업을 하려면,


메뉴에서 "파일(F) > 정보"를 클릭하면 해당 영상의 속성이 나오는데, 각 영상의 해상도를 맞추어 줄 필요가 있다.
이를 하는 가장 쉬운 방법은 상단 메뉴바에서 "자동(U)"를 선택하는 것이다.
"720p"를 선택하면, 충분한 크기의 영상으로 변환이 이루어질 것이다.
(단, 단순 편집이 아니기 때문에 그 변환에 시간이 생각보다 많이 걸릴 수 있다.)
이렇게 크기를 동일하게 맞춰준 후 이어붙이기를 하면 된다.

 

하지만 가장 쉬운 방법은 카카오톡을 활용하는 것!!!
아주 작은 텍스트가 포함되어 있어 높은 해상도를 요구하는 것이 아니라면, 이 방법이 가장 쉬운 방법이다.

반응형

'[정보] IT정보&활용' 카테고리의 다른 글

한글 2018 .bak 파일 연동 해제하기  (0) 2020.09.15
데이터 시각화 영상 만들기  (0) 2020.07.07
영상 강좌 만들기3  (0) 2020.04.17
영상 강좌 만들기2  (0) 2020.04.13
영상 강좌 만들기1  (0) 2020.04.13
[정보] IT정보&활용 2020. 4. 17. 19:20

영상 강좌 만들기3

반응형

OBS studio로 강좌 영상을 만들 때, 또다른 동영상을 삽입하고 싶다는 분이 계셔서 추가로 만들어 보았습니다.

OBS studio를 실행하고 영상을 플레이한 화면을 그대로 캡쳐하는 경우, 화면이 제대로 표시되지 않을 수 있습니다.

이때는 별도의 미디어를 OBS studio에서 설정해줄 필요가 있습니다.

정확한 것은 홈페이지를 찾아가서 미디어 소스에 대한 설명을 확인하는 것이 더 확실할 것이다.

https://github.com/obsproject/obs-studio/wiki/Sources-Guide

 

obsproject/obs-studio

OBS Studio - Free and open source software for live streaming and screen recording - obsproject/obs-studio

github.com

 

급한대로 살펴보면, 추가하는 소스에 미디어 소스 또는 vlc 미디어 소스를 추가하면 된다.

미디어 소스와 vlc 미디어 소스의 정확한 차이에 대한 자세한 설명은 없다. 다만 미디어 소스는 위 그림과 같은 옵션이 있고, vlc 미디어 소스는 표시 동작 설정이 있다는 점에서 다르다.

난 "보이지 않을 때 중단, 보이면 재시작"을 선택 한 후, 아래 그림처럼 단축키를 지정해 시작, 중단을 제어하면서 영상을 만들곤 한다.

한편 vlc는 동영상 플레이어 중 매우 성능이 우수한 프로그램 중 하나이다.

또한 오픈소스이기 때문에 광고없이, 무료로 이용할 수 있다는 점도 강점이다.

아래 링크에서 다운 받을 수 있다.

http://www.videolan.org/

 

VLC: 공식 사이트 - 모든 OS의 무료 멀티미디어 솔루션! - VideoLAN

2019-08-19 VideoLAN is now publishing the VLC 3.0.8 release, which improves adaptive streaming support, audio output on macOS, VTT subtitles rendering, and also fixes a dozen of security issues. More information available on the release page. 2019-06-07 Af

www.videolan.org

 

반응형

'[정보] IT정보&활용' 카테고리의 다른 글

데이터 시각화 영상 만들기  (0) 2020.07.07
영상 강좌 만들기4  (0) 2020.05.08
영상 강좌 만들기2  (0) 2020.04.13
영상 강좌 만들기1  (0) 2020.04.13
영상강좌 OBS studio로 해보세요  (0) 2020.04.11
[정보] IT정보&활용 2020. 4. 13. 12:33

영상 강좌 만들기2

반응형

2020/04/13 - [[정보] IT정보&활용] - 영상 강좌 만들기1

 

내용이 조금 길어서 새로 글을 만들었습니다.
이번엔 만들어진 영상을 편집하는 방법입니다.
말씀드린 Avidemux를 다운 받아 설치해주세요.

http://avidemux.sourceforge.net/

 

Avidemux - Main Page

 

avidemux.sourceforge.net

download를 클릭하시면 Linux, Windows, Mac OS X용 파일을 다운받을 수 있습니다.

설치하면 아래와 같은 화면이 나타납니다.

예제로 만든 영상 하나를 불러와보았습니다.
아래 재생/정지 등의 버튼을 클릭해 원하는 장면을 찾으실 수 있습니다.
빨간색 손가락으로 장면을 옮겨갈 수 있으며, 오른쪽 하단의 조그 다이얼을 통해 미세조정도 가능합니다.

[파일 > 덧붙이기]를 통해 기존 파일에 새로운 파일을 이어붙일 수 있습니다.

또한 A(시작)/B(중단) 지점을 설정하면 이를 복사, 붙여넣기, 잘라내기가 가능해집니다.
잘못 들어간 오디오 등을 이를 통해 부분삭제하실 수 있습니다.

다른 형태로의 파일변환도 가능하며, 비디오출력과 오디오출력을 Copy로 해 두시면 별도의 화질변화없이 간단한 편집이 매우 빠른 속도로 이루어 집니다.

 

사실 영상편집이 매우 복잡하여, 제대로 배우시려면 알아야할 것들이 너무 많습니다.
하지만 이상의 몇 가지만 하셔도 충분히 멋진 영상을 제작/편집하실 수 있지 않나 합니다.

 

OBS studio를 통해 만들어진 결과물은 mkv 파일입니다. 그대로 올리셔도 좋고, 혹시나 mp4 만 지원한다면, 앞서 설명드린 것처럼 다 편집하신 후에 [재다중화]를 통해 변환하시면 됩니다.

그럼 좋은 강좌 많이 만드시길~~

반응형

'[정보] IT정보&활용' 카테고리의 다른 글

영상 강좌 만들기4  (0) 2020.05.08
영상 강좌 만들기3  (0) 2020.04.17
영상 강좌 만들기1  (0) 2020.04.13
영상강좌 OBS studio로 해보세요  (0) 2020.04.11
비영리IT지원센터-테크숩코리아  (0) 2016.01.13
[정보] IT정보&활용 2020. 4. 13. 12:30

영상 강좌 만들기1

반응형

사회복지를 하시는 동료분들 중에서는 강의를 하시는 분들도 많이 있는데요, 대학교수 혹은 시간강사 뿐만 아니라 실천 현장의 경험을 바탕으로 여러 형태의 강의를 하고 계신데, 코로나19로 대면 강의가 어려워지면서 온라인 강의에 대한 필요성들이 점점더 강해지고 있습니다.

이에 쉽고, 직관적으로 영상강의를 만들 수 있는 프로그램을 소개하고자 합니다.
하나는 영상을 만들 수 있는 OBS studio이고, 다른 하나는 이렇게 만들어진 영상을 편집해주는 Avidemux라는 프로그램이 그것입니다.

OBS studio로 찍고, Avidemux로 편집하고~
해당 프로그램을 추천드리는 이유는 일단 무료라는 점과 빠른 처리속도, 그리고 다루기가 쉽다는 점 때문입니다.

우선 OBS studio를 다운 받아주세요.
https://obsproject.com/ko/ 

 

Open Broadcaster Software | OBS

영상 녹화와 실시간 방송을 할 수 있는 무료 및 공개 소프트웨어입니다. 윈도우, 맥 혹은 리눅스 환경에서 빠르고 쉽게 방송 할 수 있습니다.

obsproject.com

홈 화면에서 사용하는 OS와 맞는 버전을 다운받으시기 바랍니다. 
Windows, macOS, Linux를 모두 지원합니다. 
만일 Windows 32 bit를 사용하신다면, 내려받기(https://obsproject.com/ko/download)에서 32-bit 인스톨러를 받으시면 됩니다. 

그리고 설치해주세요.

1. 처음 설치하면 방송을 우선할 것인지, 녹화를 우선할 것인지를 묻습니다.
전 녹화를 선택했습니다. 그러면 다음과 같은 화면이 나타납니다.
위쪽 검은 화면이 녹화되어 보여질 화면이며, 아래는 설정 관련된 창입니다.

아래 [소스 목록]에서 화면으로 보여질 소스를 선택합니다.
전 기본적이로 디스플레이 캡쳐(모니터로 보여지는 화면), 비디오 캡쳐 자치(웹캠), 오디오 입력 장치(마이크) 이렇게 3개를 선택했습니다. 본인의 얼굴이 보여지는 것이 싫으시다면 빼서도 됩니다.

디스플레이 캡쳐를 화면 아래 그림처럼 거울 반사와 같은 화면이 보여지는데, 그러면 성공하신 겁니다.

비디어 캡쳐 장치를 선택하면 웹캠을 통해 내 얼굴이 보입니다.

빨간 점을 선택하시고 크기를 조정하시거나 위치를 옮길 수 있습니다.
소스 목록에서 위치에 따라 보여지는 화면이 다를 수 있습니다. 비디오 캡쳐 장치를 제일 위에 두셔야 얼굴이 보입니다.

한편 웹캠 등은 일반적으로 좌우가 반전되어 나옵니다(스마트폰 셀카모드 처럼). 소스 목록에서 마우스 오른쪽 버튼을 클릭하시면, 여러 메뉴가 나오는데 이 중 변환>수평으로 뒤집기 하시면 좌우를 반전시킬 수 있습니다.

한편 오른쪽 하단의 [설정]을 클릭하시면 여러 세팅을 하실 수 있습니다.
우선 출력에서 녹화된 파일이 저장될 경로를 지정하실 수 있습니다.

또한 단축키를 설정할 수 있는데, OBS studio를 아래로 내려놓고 단축키만으로 녹화를 시작하기 위해서는 반드시 설정해주셔야 합니다. 이때 녹화시작과 중단은 동일 키로 설정하시면 편합니다. 일시정지도 마찬가지구요.

저처럼 [ F2 ]키를 단축키로 지정하셨다면, 이제 보시는 화면에서 F2를 누르시면 녹화가 시작됩니다.

 

 

한편 출력된 파일은 별도로 설정하지 않으셨다면, 기본적으로 mkv 파일로 저장됩니다.
이는 [재다중화] 메뉴를 통해 다른 유형의 파일로 변환이 가능합니다.

빨간 네모 안의 [...] 버튼을 클릭해 변화할 녹화파일을 선택하고, 원하는 출력형태를 결정한 다음 [재다중화]를 누르면 순식간에 새로운 파일로 변환해줍니다.

 

이하 다른 메뉴들은 직접 한번씩 실행해보시면 이해하실 수 있으실 겁니다.

2020/04/13 - [[정보] IT정보&활용] - 영상 강좌 만들기2로 이어집니다.

반응형

'[정보] IT정보&활용' 카테고리의 다른 글

영상 강좌 만들기3  (0) 2020.04.17
영상 강좌 만들기2  (0) 2020.04.13
영상강좌 OBS studio로 해보세요  (0) 2020.04.11
비영리IT지원센터-테크숩코리아  (0) 2016.01.13
Windows 창 자동배열하기  (0) 2015.12.11