자바스크립트: 오디오/비디오 객체 따라하기!

Script

자바스크립트: 오디오/비디오 객체 따라하기!

자바스크립트 Audio, Video 객체 사용하기


1. Audio, Video 객체 사용하기
(객체를 생성할 때는 도구를 클릭하고 마우스 커서를 D esign 영역으로 옮겼을 때 커서가 십자 표시로 되면 생성할 위치에 클릭한 상태로 드래그하면 된다.)

86c314e402b65e43881c1cd3a5c8c4e1_1596087674_6315.png


 1) 배경을 설정한다

  (1) 페이지를 클릭하고 속성 편집을 아래와 같이 설정한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_0598.png


  (2) 이미지를 클릭하고 작화 화면 전체를 드래그한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_1866.png


 2) 작화 화면에 오디오 와 비디오 객체를 아래 같이 생성한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_4213.png


 3) 레이블 객체를 두 개 생성한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_4815.png


 4) 페이지 스크립트를 아래와 같이 설정한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_5303.png
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_5811.png


 5) 생성한 각 레이블 객체의 스크립트 속성을 다음과 같이 설정한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_6298.png


 6) F 5 나 실행 버튼을 눌러 뷰어를 실행한다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_7386.png


 7) 각 레이블을 클 릭 하면 페이지 콘솔에서 결과를 확인할 수 있다
※ F12 버튼을 눌러 페이지 콘솔을 열 수 있다
86c314e402b65e43881c1cd3a5c8c4e1_1596087675_7998.png



※ 페이지 용량 관계 상, 더 많은 설명을 보시려면 첨부파일 다운로드 바랍니다!






 

0 Reply Comment
Title