mp3 리스트 플레이어
1. 그누 뿐만이 아니라 모든 웹페이지에 적용됩니다.
첨부파일 압축을 풀고 list_player 를 폴더째 업로드하면 플레이어가 자동으로 만들어집니다.
2. mp3 음원은 index.php 와 동일한 디렉토리 안에서 1.mp3 부터 원하는 숫자만큼요.
예를 들어 99곡을 걸 것이라면 1.mp3 부터 99.mp3 까지 업로드 해 주세요.
3. index.php 의 상단 php 변수에서 수정할 부분을 수정합니다.
색상코드 부분은 직접 바꿔치기 하면서 눈으로 확인합니다. 주석을 살펴보면 쉽습니다.
4. $mediaNumber 는 첫입방시 나오는 숫자입니다.
1을 주면 1.mp3 가, 5를 주면 5.mp3 가 첫곡으로 재생되며 0을 주면 첫곡이 랜덤입니다.
5. $mediaTitle[1] = "01. Silent Night";
1번곡의 제목 및 곡정보입니다. 숫자만큼 곡정보를 동일패턴으로 입력합니다.
6. video.mp4 는 플레이어의 화면부를 담당합니다. 본인이 다른 mp4 로 바꾸어서 사용하시구요.
사이즈는 세로는 자유형이나 가로는 1024 픽셀 이상으로 만들어 적용합니다.
구글링을 하면 이미지를 mp4 로 변환하는 방법이 널리고 널렸으니 이미지는 mp4 로 변환해서 대입합니다.
mp4 를 쓰는 이유는 사운드 정지시 화면부 같이 정지, 사운드 재생시 화면부 같이 재생의 효과를 주려고 넣은 것입니다.
7. og_image 도 본인이 원하는 대로 바꾸고 파비콘 설정은 https://sir.kr/g5_tip/18321 로 맞췄습니다.
기타 메타태그는 본인이 원하는 대로요.
8. 이 플레이어는 한곡이 끝나면 다음곡으로 자동넘기기가 되는데 전후진 버튼에 맞추어서 그 방향을 감지하며 자동넘기기가 됩니다.
9. 반응형이 아니라 pc 및 모바일 투포인트 용입니다. 크롬과 안드로이드에서만 확인했고 다른 브라우저는 테스트해 보지도 않았으며 브라우저에 따른 업뎃 계획은 "전혀" 없습니다.
10. 이 플레이어를 커스텀하는 것은 자유이나 유료로 배포하는 것은 엄금합니다.
유료 배포시 제게 허락을 받으시기 바랍니다.
버전 정보
첨부파일
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
![회원삭제 [db에서 삭제] 플러그인](/data/file/g5_plugin/thumb-3530634215_uz4Cj5mx_e80947119e6c32446dbc1de8d6dbc377a5ac16b4_600x600.png)
댓글 18개
첨부파일 한계용량에 맞춘다고 음원 및 화면부의 퀄리티가 좀 구립니다.
이해하시길 바랍니다.
좋네요.
추천합니다^^
궁금증 사진은 어디서 구해요??^^;
제가 좋아하는 취향의 Ai 이미지를 주로 만드는 멋지고 예쁜 여성분이 있습니다.
제가 좋아하는 취향의 이미지는 예쁜 girl 이미지입니다.
물론 음란한 이미지는 질색이구요.
https://oinis.tistory.com/
이니스님 티스토리입니다.
이미지는 https://oinis.tistory.com/50 구요.
얼마전 냑에도 공개한
https://cafe.daum.net/gnuworld/cCUY/4 도 이분 이미지로 만들었지요.
이니스님 허락을 득해서 사용하면 되는데 허락을 해 줄지는 의문이에요.
단지 "비타주리"의 소개로 왔다 하면 약간의 도움이 될 수는 있을 거에요.
그 외 제 취향의 이미지를 잘 만드는 분들은 모두 가입이 매우 까다로운 Ai 이미지 생성 커뮤니티에서 활동을 하는 분들입니다.
여러 회원들이 여러 유형의 이미지를 공유하는데 모두 수준급이구요. 그 중에서도 저는 "오직" 예쁜 girl 만을 선호해서 대여섯분 정도의 이미지를 가져다 사용하고 있습니다.
물론 저는 거기서 미디어관련 css 나 html 을 공유해서 서로에게 윈윈하고 있습니다.
상세한 정보 감사합니다^^
한 겨울밤에 좋은 음악 잘 들었습니다^^
그러게요 실제는 2023년 성탄 뮤직으로 만든 거라서 좀 된 것이네요.
주리주리님 감사합니다. 주리님 mp4파일을 백그라운드로 커스텀 해봣는데 너무이쁘게나오네요 https://yesmyhome.kr/shop/ ㅎㅎ
제가 이 템플릿으로 만든 애펙영상이 2개가 있네요.
첫번째가 이니스님 이미지이고 두번째가 시화연님이란 분의 Ai 이미지로 만든 거네요.
https://va.media.tumblr.com/tumblr_s9680n6iRp1aojgj1.mp4
https://va.media.tumblr.com/tumblr_s8w8ekr6Je1aojgj1.mp4
앗 감사합니다. 뽀~
새해 선물 감사합니다.
비타주리님께서 올리신 것은 항상 유용합니다.
잘 사용하겠습니다^^
제가 이런걸 좋아라 하다 보니 그렇습니다.ㅋ
감사 합니다.
2025년 멋진 한해 보내세요. 들레아빠님
복 많이 받으세요.
감사합니다.
감사합니다
이런 걸 좋아하신다고 해서 선물남기고 갑니다.
ai 이미지입니다.
어이쿠 감사합니다.
제 취향은 가로 세로 16:9 이미지에
상반신 이상이 보여지고 머리나 신체의 짤린 부위가 없는 예쁜 girl 이미지입니다.
제가 사용한 이미지 같은 거지요.
신경써 주셔서 고맙습니다.