앱인벤터 캠코더 컴포넌트

 

앱인벤터 캠코더 컴포넌트

 

앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다.

이번 시간에는 미디어에서 캠코더 컴포넌트에 대해 이해하고 실습을 하고자 한다. 캠코더 컴포넌트는 동영상을 녹화하는 컴포넌트이다.

 

. 캠코더 컴포넌트

미디어 팔레트에서 캠코더 컴포넌트는 스마트폰에 동영상을 녹화하는 기능을 제공하는 컴포넌트이다.

 

팔레트

캠코더 컴포넌트는 팔레트에 “미디어”에 있다. 캠코더 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다. 캠코더는 화면에 나타나는 컴포넌트는 아니며 보이지 않는 컴포넌트로 스마트폰 화면 디자인 아래에 추가된다. 본 예제에서는 버튼을 클릭하여 캠코더를 실행시키며, 비디오 플레이어 컴포넌트를 추가하여 동영상을 녹화한 소스를 플레이백 할 예정이다.

 

뷰어

추가했을 때, 기본적으로 사각형이 뷰어 화면에 출력된다.

 

캠코더 버튼과 캠코더 컴포넌트 그리고 비디오플레이어 컴포넌트를 추가하여 화면을 설계하였다.

앱인베터 킴코더 컴포넌트 화면 예시

 

  

컴포넌트

컴포넌트에는 Screen1아래에 “캠코더1”과 캠코더를 실행시킬 버튼 하나와 녹화한 동영상을 플레이백할 비디오플레이어 컴포넌트가 있다.

 

 

캠코더 속성값

캠코더 속성값은 없다.

 

 

 

비디오플레이어 속성값

비디오플레이어 속성값에는 플레이어의 크기를 지정하는 너비와 높이가 있으며 플레이어의 볼륨값을 설정하는 ‘볼륨’ 속성값이 있다.

 

앱인벤터 캠코더 컴포넌트 속성값

 

캠코더 컴포넌트 블록

 

캠코더 컴포넌트 블럭에는 캠코더의 이벤트가 발생할 때 처리하는 블럭과 캠코더의 크기 등을 지정하는 높이와 너비 등이 있다.

 

 

 

캠코더 컴포넌트 이벤트 블럭들

 

캠코더 컴포넌트 이벤트 블럭에는 녹화후에 블럭이 있다.

 

앱인벤커 캠코더 컴포넌트 녹화후에 블럭

 

 

예제로는 캠코더에 녹화가 종료되었을 때, 녹화된 동영상 파일을 비디오플레이어 소스에 지정하면 비디오플레이어에서 플레이백 하는 블럭을 구현하였다.

 

앱인베터 캠코더 컴포넌트 녹화후에 예제 블럭

 

 

캠코더 컴포넌트 호출 블럭들

 

. 앱인벤터 캠코더 컴포넌트 비디오녹화하기 블럭

 

캠코도 녹화하기를 호출하여 카메라를 통해 동영상을 녹화한다.

본 예제에서는 캠코더 버튼을 클릭했을 때, 비디오녹화하기 블럭을 호출하여 동영상을 녹화한다.

 

앱인벤터 캠코더 컴포넌트 비디오녹화하기 블럭

 

  

지금까지 캠코더 컴포넌트의 블럭들에 대해 살펴보았다.

 

 

눈으로 보는 것과 직접 실행하며 하는 것은 완전히 달라요.

간단하지만 직접 해보면 이해하고 자신감이 생길거에요...

 

Just Do It!!!

Just Drag&Drop It!!!

 

 

감사합니다.