Audio, Video 활용하기 샘플(.xix) 다운로드 Link
Audio, Video 활용하기
X-SCADA의 Audio와 Video 기능을 활용해 원하는 페이지 혹은 상황마다 소리와 비디오를 제어할 수 있습니다.

1. 배경 설정
1) Designer 상단 도구모음에서 Image 클릭 후 작화 화면 전체를 드래그하고 배경화면 이미지를 선택한다.

2) 작업 중 움직이지 못하도록 Object Explorer에서 배경화면을 객체 잠금한다.

2. 태그 생성하기
1) 태그 탐색기(Tag Explorer)에서 “Audio”이라는 Group Tag에 Digital Tag 3개, “Video” Group Tag에 Digital Tag 1개를 생성한다.

3. 화면 구성하기
1) 도구모음에서 Audio 객체를 생성한다.
(1) 미리 준비한 mp3 샘플을 사용하여 3개의 Audio 객체를 생성한다.

(2) Audio 객체 선택 후 속성(Properties)에서 태그를 바인딩한다.

2) 도구모음의 텍스트(Text) 객체 생성 후 속성(Properties)에서 텍스트를 아래와 같이 변경한다.

3) 우측의 Symbol Library - (svglink)에서 “Audio” 검색 후 객체를 드래그해서 아래와 같이 적용시킨다.

4) Audio 이미지 객체를 더블클릭한 후 클릭 – 태그값 설정(Click – Tag Value)을 체크선택한 뒤 아래와 같이 설정한다.
· 붉은색 Audio 이미지 객체 – 방식(Mode) : Toggle, 태그(Tag) : Audio.digital_1
· 주황색 Audio 이미지 객체 – 방식(Mode) : Toggle, 태그(Tag) : Audio.digital_2
· 초록색 Audio 이미지 객체 – 방식(Mode) : Toggle, 태그(Tag) : Audio.digital_3

5) 페이지 탐색기(Page Explorer)에서 하단의 새 페이지 생성 버튼을 클릭한다.

6) 처음의 배경설정 단계처럼 도구모음에서 이미지(Image) 생성을 통해 배경 이미지를 불러오고 배경 이미지를 객체 잠금 설정한다.
7) 도구모음에서 Video 객체를 생성한 뒤 미리 준비한 동영상 샘플 파일을 연다.

8) Video 객체 선택 후 속성(Properties)에서 Video.digital_1 태그를 바인딩한다.

9) 우측의 Symbol Library - (svglink)에서 “Button” 검색 후 객체를 드래그해서 아래와 같이 적용시킨다.

10) 도구모음에서 텍스트(Text) 객체 생성 후 속성(Properties)에서 아래와 같이 텍스트를 변경한다.

11) START 버튼 이미지 객체와 STOP 버튼 이미지 객체를 더블클릭 후 클릭 – 태그값 설정(Click – Tag Value) 체크선택 후 아래와 같이 설정한다.

5. 실행하기
1) 저장 후 시작 버튼 또는 F5를 눌러 뷰어를 실행한다.
· Audio 페이지에서 Audio 이미지 객체 클릭을 통한 Audio 재생 제어가 정상적으로 기능하는지 확인한다.

2) 키보드의 Page Down 버튼 혹은 X-SCADA Viewer 상단의 View – Next Page 클릭을 통해 다음 페이지로 넘어간다.

3) Video 페이지에서 START 버튼과 STOP 버튼을 통해 Video 제어가 정상적으로 이루어지는지 확인한다.
[이 게시물은 관리자님에 의해 2020-06-12 11:52:28 Designer에서 이동 됨]