본문 바로가기

국비지원_핀테크

22일차_ [java] javaFX 이미지, 동영상

 

 

 

 

 

javaFX 이미지, 동영상

실습용 파일과 미디어 준비

미디어는 resources.image 하위에 사진과 resources.media 하위에 비디오를 준비

 

imageFx.fxml 파일 scene builder 로 세팅

 

fxml 파일 세팅

 

fxml 파일 세팅 완료

 

MainClass 에 Scene 등록 후 module-info 파일까지 작성( 패키지 우측 클릭해서 Configure - Create module-info.java 클릭 )

 

이미지 경로를 잡아서 반복문을 통해 이미지의 목록들을 List 컬렉션에 넣는다

 

폴더 내의 이미지 목록 출력 완료

 

버튼 하나 생성 후 On Action 설정

 

버튼을 클릭하면 해당 이미지가 출력되게 설정

 

코드 실행 영상

 

이미지 출력 부분을 메소드로 따로 분리

 

이벤트 메소드를 생성하여 인덱스를 얻어 버튼을 누르지 않아도 자동으로 이미지가 출력되게 설정

 

버튼을 누르지 않아도 자동으로 이미지가 출력

 

 

 

 

 

 

 

 

 

 

비디오 출력

세팅

 

파일 세팅

 

On Action ( 연결될 메소드 ), fx:id, Controller class 설정 완료

 

MainClass

 

Controller

 

module-info 에 javafx.media 직접 추가

 

정상적으로 실행되는 것 확인

 

Controller 에서 각 기능을 @FXML 어노테이션으로 연동, 필요한 자료형 변수 생성

 

File 클래스로 디렉토리로 접근하여 파일명을 리스트 컬렉션에 담아 영상 목록 구현

 

코드 실행 영상

 

영상 클릭 시 재생버튼만 활성화, 나머지 버튼은 모두 비활성화

 

재생버튼만 활성화된 모습

 

컨트롤러에 재생버튼 기능, 일시 정지 버튼 기능, 정지 기능 추가

 

현재는 재생버튼만 활성화.... 재생 버튼이 눌리면 일시 정지, 정지가 활성화 되도록 설정해야 함

 

상황별 버튼 설정 ( 동영상 재생 중, 일시 정지 중, 정지 중 버튼 상태 설정 )

 

각 상황별 버튼 활성화 되는 모습

 

 

 

 

 

- 미디어 제어 부분 설정 -

SceneBuilder 에서 세팅

 

SceneBuilder 에서 세팅 완료

 

새로 추가된 버튼들 @FXML 어노테이션으로 연동

 

소리 설정

 

영상 재생 시간 출력 메소드 설정 ( 영상 시간 연산해서 라벨에 출력 )

 

코드 실행 영상 ( 영상 재생 바, 소리 구현 )
728x90