My Tech Blog (뮤직플레이어)

음악이 재생중일때만 곡 정보(제목, 프로그레스바)가 표시되는 뮤직 플레이어 다크모드에서 이뻐보이도록 노을 색상으로 배경을 넣어 주었다.음악 바뀔 때마다 하늘 색깔이 바뀌게 설정해 보니 이쁘다! 빌딩이랑 달은 무료 svg 사이트에서 가져와서 넣어주었습니다. CSS 로 크기와 위치 조절해서 원하는 곳에 추가하면 된다. 참고로 블로그에서 구글 애드센스나 광고로 수익 창출하시는 분들은 배경음악은 자제해 주세요상업적 목적으로 브금 쓰시면 노노노  [html 코드] ..

블로그 꾸미기 하면서 간단한 뮤직 플레이어를 만들었다. 음악이 재생 중일 때만 현재 플레이중인 음악 정보를 표시하는 코드 어떻게 짰는지 간단히 올려 본다. 플레이 버튼을 누르기 전까지는 `Title` 과 `Progress Bar` 이 숨겨져 있다가 곡이 재생되면 제목과 프로그레스바가 플레이어 위로 부드럽게 나타나는 코드이다. ⚡ music-info 클래스 CSS 코드음악 재생 전(기본상태).music-body .music-container .music-info { opacity: 0; /* 투명도 100%로 화면에서숨겨짐 */ transform: translateY(100%); /* (수직 방향) 자기 자신 높이만큼 아래로 이동 */ transition: transform 0.3s ease-in..

1. Model (모델) package ex03_뮤직플레이어; public class Music { // Model : 데이터를 가지고 있는 객체 private String title; // 노래제목 private String singer; // 가수 private String path; // 노래 저장 경로 public Music(String title, String singer, String path) { this.title = title; this.singer = singer; this.path = path; } // (2) getter 메소드 public String getTitle() { return title; } public String getSinger() { return singer; }..

준비물 : jar파일 Music클래스 (필드값, 메서드) package ex03뮤직플레이어; public class Music { // 자료형 // 1. 필드(속성, 데이터) private String title; // 노래제목 private String singer; // 가수 private String path; // 노래저장경로 // 2. 메서드(로직, 행위) //생성자 public Music(String title, String singer, String path) { this.title = title; this.singer = singer; this.path = path; } //getter생성 public String getTitle() { return title; } public String..