웹 음악 플레이어 LPM(Lp Player Music) 플레이어 아이콘 수정버전 > 그누보드5 스킨

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

웹 음악 플레이어 LPM(Lp Player Music) 플레이어 아이콘 수정버전 정보

레이아웃 웹 음악 플레이어 LPM(Lp Player Music) 플레이어 아이콘 수정버전

첨부파일

lpm_v2.09.tar (10.0M) 5회 다운로드 2024-10-19 22:30:07 포인트 차감30
테스트한 버전5.6
호환 가능 버전html5의 모든환경에서 동작, 크롬,엣지,파이어폭스,안드로이드,애플등...

본문

10.19 샘플음악을 변경해서 새로압축후 재등록했는데

다운로드수 23회 있던게 초기화 되버리네요 ㅠㅠ

--------------------------------------------

안녕하세요 두리삼촌입니다.

오래전 올린 퍼블리셔팁 https://sir.kr/pb_tip/3706

의 LPM 음악플레이어를 이용하고 계신분들께

10월13일 부터 LPM 플레이어의 아이콘 저장위치의 도메인 기간 만료로 플레이어 버튼 이미지의 액박으로

나타나는 부분을 개선하여 재배포 함을 알려드립니다.

 

개선사항:

플레이어의 모든 링크형식의 버튼을 LPM

디렉토리내에 추가하였습니다.

 

플레이어의 버튼이미지 아이콘 위치

lpm/img/icon

음악을 추가하시고자 할경우 아래를 참고해주세요

 

상위파일을 내려받은후 압축을 해제하시고

호스팅계정 최상위에 업로드 해주시면 됩니다.

(ex: https://sample.net/lpm/index.php)

 

####

자신의 웹사이트에 팝업형식으로 뛰우시고자 할 경우

lpm/popup.html을 에디터로 여신후 63번째줄을 참고바랍니다.

 

#### lpm 이미지추가 및 음악추가 ####

에디터로 index.php를 여신후 30번째줄을 참고하세요

해당부분은 처음 플레이어 실행시 상단 좌측에 나타나는 원형 이미지를 출력합니다.

해당부분을 복사하신후 원하시는 위치에 붙여넣기 해주세요. 해당줄의 순서대로 곡이 넘어갑니다.

<img class="img slider__img" src="img/파일명.jpg" alt="가수명 - 곡명">

 

다음은 미니원형 이미지를 클릭할경우 보여지는 플레이어 화면의 꽉찬이미지

및 가수명과 곡명(가수명 및 곡명이 긴 경우 자동스크롤 됩니다.)을 보여주는 부분입니다.

72번 줄부터 84번째 줄까지 복사후 적당한곳에 붙여넣기 해주세요

 

            <!-- 음악을 추가하시려면 아래부터 복사한후 적당한곳에

            붙여넣기 하시고 원하시는 경로로 변경후 추가해주세요 -->
            <li class="player__song">
                <img class="player__img img" src="img/이미지명.jpg" alt="곡명 - 가수명">
                <p class="player__context">
                    <b class="player__song-name">곡명</b>
                    <span class="flex">
                        <span class="player__title">가수명</span>
                        <span class="player__song-time"></span>
                    </span>
                </p>
                <audio class="audio" src="song/파일명.mp3"></audio>
            </li>
            <!-- 여기까지 복사 하시면 됩니다. -->


LPM (Lp Player Music)은 html5의 모든 환경에서 동작합니다.

## 크롬, MS엣지, 파이어폭스, 안드로이드, 애플, 삼성인터넷등...

추천
3
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로