추억의 Winamp Player (MP3 PLAYER) > 그누보드5 플러그인

그누보드5 플러그인

그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.

추억의 Winamp Player (MP3 PLAYER) 정보

추억의 Winamp Player (MP3 PLAYER)

첨부파일

winamp.html (4.2K) 20회 다운로드 2025-03-22 09:03:34
테스트한 버전5.6.8
호환 가능 버전5.3이상

본문

추억의 Winamp Player (MP3 PLAYER)입니다.

창을 열어도 계속 플레이할수 잇게 그누보드랑 상관어뵤이 HTML로 만들었습니다.

 

ROOT에 HTML화일을 깔아서 새창으로 불러오면 됩니다.

 

비디오를 배경으로 까는 걸로 다시 업했습니다.

전에 받으셨던 분들은 댓글처럼 수정하시던지 아님 새로 다운로드해주세요.

 

감사합니다.

 

 

추천
5

댓글 전체

밑에 웅프님처럼 add dir눌러서 dir 통째로 올리셔도 되고 (내 컴퓨터) 내 서버에 올려서 듣는것은 <body> tag 부분const options 의 initialTracks에 list를 아래처럼 올리시면 됩니다.

 


const options = {
            initialTracks:
            [
                {
                metaData: {
                    artist: "DJ Mike Llama",
                    title: "Llama Whippin' Intro",
                },
                url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82/mp3/llama-2.91.mp3"                                
                    },
                    {
                    metaData: {
                     artist: "",
                     title: "fireplace-with-crackling-sounds-2-min-rk-178392",
                       },
                    url: "https://atlanta.infinityfreeapp.com/files/fireplace-with-crackling-sounds-2-min-rk-178392.mp3"
                            },                   
                    {
                    metaData: {
                     artist: "",
                     title: "soothing-ocean-waves-for-meditation-and-relaxation-139967",
                       },
                    url: "https://atlanta.infinityfreeapp.com/files/soothing-ocean-waves-for-meditation-and-relaxation-139967.mp3"
                    }    
           
            ],

둘레아빠님 배경화면에 고무되어 비디오를 배경으로 넣었습니다.

다시한번 감사드려요..

 

비디오는 자동재생되며 무음으로 설정되어 있고 반복 재생됩니다. 사용된 비디오는 무료 스톡 비디오 사이트인 Mixkit에서 가져온 포레스트 스트림 영상입니다.

 

style tag은 head에 넣으시구요.. 


<style>
      #background-video {
          position: fixed;
          right: 0;
          bottom: 0;
          min-width: 100%;
          min-height: 100%;
          width: auto;
          height: auto;
          z-index: -1;
      }
      #winamp-container {
          position: relative;
          z-index: 1;
      }
  </style>  

 

아래 비디오 tag은 <body>tag 시작하는 지점에 넣어주세요..


<video autoplay muted loop id="background-video">
    <source src="https://assets.mixkit.co/videos/preview/mixkit-forest-stream-in-the-sunlight-529-large.mp4" type="video/mp4">
  </video>

 

preview test는 https://atlanta.infinityfreeapp.com/winamp.htmlb074a640f8b212353f46695242a2b669_1742601305_0053.jpg

 

 

 

전체 588
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT