NEW 앱인벤터2 강좌31. 컴포넌트 탐구 – 비디오 플레이어(VideoPlayer)

이 글은 읽는데 약 3분이 걸립니다.

전체 강좌 목록:
http://semicolon1.kr/appinventor.html


0. 개요

비디오 플레이어 컴포넌트는 동영상 파일을 재생하여서 사용장에게 보여주는 컴포넌트입니다.
소리를 재생사는 플레이어 컴포넌트와 달리 화면에 나타나는 보이는 컴포넌트입니다.
소스 지정을 통해 저장된 파일이나, 인터넷으로 부터 파일을 로드하여 재생할 수 있습니다.

1. 형태

컴포넌트의 아이콘이 보이는 하얀 박스로 보입니다.

2. 속성

비디오 플레이어(VideoPlayer) 속성

속성명

설명

높이(Height)

컴포넌트의 높이를 px로 지정합니다.

너비(Width)

컴포넌트의 너비를 px로 지정합니다.

소스(Source)

재생한 파일을 지정합니다.

보이기여부(Visible)

컴포넌트의 보이기 여부를 지정합니다.

볼륨(Volume)

동영상의 소리 크기를 지정합니다.

볼륨의 범위는 0 ~ 100이며, 이 범위를 벗어나는 값이 지정되면 최대값 혹은 최소값으로 지정됩니다.

3. 블록

비디오 플레이어(VideoPlayer) 이벤트 블록

블록

설명

소스로 지정된 영상의 재생이 끝났을 때 실행되는 이벤트입니다.

ㄴ 메시지 [텍스트]

소스로 지정된 영상을 재생할 수 없거나 기타 플레이어에서 오류가 발생한 경우 오류 메시지를 반환하며 실행되는 이벤트입니다.

비디오 플레이어(VideoPlayer) 함수 블록

블록

설명

소스로 지정된 영상의 전체 길이를 밀리초로 반환합니다.

재생중인 영상을 일시정지합니다.

시작하기 블록으로 그 자리에서 재생을 재개할 수 있습니다.

입력받은 밀리초에 해당하는 지점으로 영상을 이동합니다.

일시정지 상태라면 화면이 업데이트되지 않습니다.

이동시에는 동영상의 키 프레임을 이용하므로 너무 짧은 구간은 이동이 되지 않을 수 있습니다.

소스로 지정된 영상을 재생합니다.

재생 위치를 처음으로 옮기고 영상 재생을 중지합니다.

비디오 플레이어(VideoPlayer) 속성 지정 블록

블록

입력형식

설명

논리

동영상을 전체화면으로 재생할지 여부를 지정합니다.

숫자

컴포넌트의 높이를 px 단위로 지정합니다.

숫자

컴포넌트의 높이를 현재 스크린 높이에 대한 비율로 지정합니다.

예시로 높이 비율이 50이면 스크린 높이의 반만큼 길어집니다.

텍스트

재생할 파일을 지정합니다.

ㆍ미디어에 업로드한 경우 확장자 포함한 파일이름을 입력

ㆍ사용자 휴대폰에 저장된 파일의 경우 절대경로 입력

ㆍURL을 통한 재생은 지원한다고는 도어있으나 실제로 재생이 되지 않는것 같습니다.

논리

컴포넌트의 보이기 여부를 지정합니다.

숫자

볼륨을 0 ~ 100의 값으로 지정합니다.

숫자

컴포넌트의 너비를 px 단위로 지정합니다.

숫자

컴포넌트의 너비를 현재 스크린 너비에 대한 비율로 지정합니다.

예시로 너비 비율이 50이면 스크린 너비의 반만큼 길어집니다.

비디오 플레이어(VideoPlayer) 속성 블록

블록

반환형식

논리

숫자

논리

숫자

컴포넌트

4. 예제


댓글

제목과 URL을 복사했습니다