Audio/Video 운영하기!

Designer

Audio/Video 운영하기!

관리자 0 3097

Audio, Video 활용하기 샘플(.xix) 다운로드 Link



Audio, Video 활용하기

X-SCADA의 Audio와 Video 기능을 활용해 원하는 페이지 혹은 상황마다 소리와 비디오를 제어할 수 있습니다.



ee94105c622fe6888e99ce247dbfe431_1590639676_851.png



1. 배경 설정

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

ee94105c622fe6888e99ce247dbfe431_1590639676_2707.png




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

ee94105c622fe6888e99ce247dbfe431_1590639676_332.png





2. 태그 생성하기

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

ee94105c622fe6888e99ce247dbfe431_1590639676_4012.png


 

3. 화면 구성하기

 1) 도구모음에서 Audio 객체를 생성한다.

  (1) 미리 준비한 mp3 샘플을 사용하여 3개의 Audio 객체를 생성한다. 

ee94105c622fe6888e99ce247dbfe431_1590639676_4803.png


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

ee94105c622fe6888e99ce247dbfe431_1590639676_5573.png


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

ee94105c622fe6888e99ce247dbfe431_1590639676_6106.png



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

ee94105c622fe6888e99ce247dbfe431_1590639676_6681.png




 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

ee94105c622fe6888e99ce247dbfe431_1590639676_7371.png



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

ee94105c622fe6888e99ce247dbfe431_1590639676_7874.png


 6) 처음의 배경설정 단계처럼 도구모음에서 이미지(Image) 생성을 통해 배경 이미지를 불러오고 배경 이미지를 객체 잠금 설정한다.

 7) 도구모음에서 Video 객체를 생성한 뒤 미리 준비한 동영상 샘플 파일을 연다.

ee94105c622fe6888e99ce247dbfe431_1590639711_6891.png



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

ee94105c622fe6888e99ce247dbfe431_1590639711_7396.png


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

ee94105c622fe6888e99ce247dbfe431_1590639711_7817.png



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

ee94105c622fe6888e99ce247dbfe431_1590639711_8323.png


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

ee94105c622fe6888e99ce247dbfe431_1590639711_8877.png


5. 실행하기

 1) 저장 후 시작 버튼 또는 F5를 눌러 뷰어를 실행한다.

· Audio 페이지에서 Audio 이미지 객체 클릭을 통한 Audio 재생 제어가 정상적으로 기능하는지 확인한다.

ee94105c622fe6888e99ce247dbfe431_1590639711_9435.png


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

ee94105c622fe6888e99ce247dbfe431_1590639712_0064.png



 3) Video 페이지에서 START 버튼과 STOP 버튼을 통해 Video 제어가 정상적으로 이루어지는지 확인한다.


ee94105c622fe6888e99ce247dbfe431_1590639711_58.png 



 



[이 게시물은 관리자님에 의해 2020-06-12 11:52:28 Designer에서 이동 됨]
0 Reply Comment
Title