Skip to content

XE 홈피
2013.01.27 14:40

bgm 플레이어

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부 수정 삭제
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부 수정 삭제

홈피를 만들면서 몇번 bgm 플레이어를 사용한적이 있었다.


그때마다 항상 문제가 되었던 것은


노프레임에서는 노래가 어쩔수 없이 끈긴다는 것과


저작권에 대한 걱정 


그리고 


최근 익스플로어 말고 크롬을 쓰면서


익스외 브라우져에서의 재생문제 였다.



근데 이번에 그 모든 것을 해결할수 있는 플레이어가 생겼다.


http://scmplayer.net/


여기서 제공하는 플레이어다.


회원가입 필요 없다.



a2.jpg



사이트에 접속하면 위에 화면이 보인다.


맘에 드는 스킨을 고른 뒤에 next를  클릭하면


a3.jpg


이렇게 노래를 입력할수 있는 공간이 제공된다.


왼쪽은 노래의 제목을 넣어주면 되고 


오른쪽은 mp3의 음악 주소를 올려도 되고


유튜브에서 검색한 음악의 주소를 넣어도 된다.


저작권을 생각하면 당연히 유튜브를 이용하는 것이 좋겠지..



a4.jpg



그리고 나면 마지막으로 설정창이 뜬다.


자동재생,  셔플,  초기볼륨, 리스트반복재생,  플레이어 위치등을 지정할수 있다.


그리고 done


그럼


a5.jpg



이런 소스가 나온다.


소스를 자세히 보진 않았고 솔직히 별루 볼필요도 없다.


걍 소스를 복사해서 


자신의 홈피에 대충 암데나 넣어줘도 별 문제 없이 뜬다.


xe 홈피를 사용하는 경우에는 


제일 첨뜨는 페이지에 레이아웃의 레이아웃 설정에 헤더 스크립트에 넣어줬는데 별 문제 없이 뜬다.



근데 나는 젤 첫페이지인 메인페이지와 각 게시판의 레이아웃이 다르다.


그래서 아마 홈피의 게시판 주소치고 들어옴 플레이어가 안보이고 메인페이지로 한번은 갔다와야만 플레이어가 보일듯 하다.



서브페이지 레이아웃 설정에도 넣어줬는데 둘이 충돌하거나 중복되거나 하진 않는군






근데 소스 생성후 사용하다가 노래를 추가하거나 삭제하고 싶을 경우에는 


자신에 홈피에 붙여 넣은 소스를 



위에 보이는  import Profile을 클릭하고 나서 넣어주면


기존에 작성했던 노래 리스트나 설정사항이 불러져 온다. 


거기서 수정하고 다시 소스를 생성해서  홈피에 붙여 넣음 되겠지



xe말고 일반 웹페이지에 그냥 소스만 넣어서 넣었더니 그래도 되더군


혹시나 하고 플레이어가 나오는 곳에서 네이버로 링크걸어 봤는데


역시나 그때는 플레이어는 사라지고


자신이 올린 웹페이지로 링크시에는 target을 _self 로 했는데 노래가 끊기지 않고 계속 나왔고.




추가

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

제로보드4를 쓰는 경우에도 scm 플레이어를 사용하는데 문제가 없다고 생각한다.


인덱스 파일에 대충 소스를 넣어주면 되니까...


근데 안된다고 하는 분들중엔 아마


홈피 주소를 고정시킨다고 프레임셋을 사용하는 경우가 있기 때문으로 보인다.


이럴경우 한가지 방법은


프레임셋 대신에 아이프레임을 사용하는 방법일거다.




index.html  파일을



<html> 

<head> 

<title>비오는 일요일</title>

</head>


<body style='padding:0 0 0 0;margin:0 0 0 0;overflow:visible' id='body'>


<iframe src="http://gsm.dothome.co.kr" frameborder=0 width='100%' height='100%' marginwidth=0 marginheight=0 border=0 scrolling=auto vspace="0" hspace="0"></iframe>



이렇게 (붉은부분은 메인페이지로 수정해줘야겠지)하고


아래에 


scm 플레이어 소스를 걍 붙여 넣으면 된다.


  1. 데모사이트 관련

    Date2013.05.07 Categoryxe레이아웃 Bygsm Views8682
    read more
  2. XE 버젼 업에 따른 관리자 페이지 변경

    Date2013.04.28 CategoryXE 홈피 Bygsm Views9328
    read more
  3. 원격 프로그램 팀뷰어

    Date2012.12.13 Category기타팁 Bygsm Views9343
    read more
  4. 초보자들을 위한 홈피만들기에 개념?

    Date2012.10.16 Category기타팁 Bygsm Views9945
    read more
  5. xe 설치과정입니다.

    Date2012.10.05 CategoryXE 홈피 Bygsm Views10085
    read more
  6. 무료웹폰트

    Date2013.06.13 Category기타팁 Bygsm Views1445
    Read More
  7. 무료 웹호스팅

    Date2013.06.13 Category기타팁 Bygsm Views1502
    Read More
  8. 유튜브 음성만 보이게

    Date2013.06.10 Category기타팁 Bygsm Views1588
    Read More
  9. 내 홈피의 글을 네이버에 노출시키자 네이버 Syndication API

    Date2013.05.01 CategoryXE 홈피 Bygsm Views1950
    Read More
  10. bgm 플레이어

    Date2013.01.27 CategoryXE 홈피 Bygsm Views4672
    Read More
  11. 미니홈피 스킨으로 xe

    Date2013.01.11 CategoryXE 홈피 Bygsm Views1863
    Read More
  12. 유튜브 자동시작, 자동재생

    Date2012.12.18 Category기타팁 Bygsm Views2449
    Read More
  13. 프레임과 기본태그

    Date2012.12.13 Category기타팁 Bygsm Views1382
    Read More
  14. 새글, 댓글 알림을 스마트 폰으로

    Date2012.12.13 CategoryXE 홈피 Bygsm Views1839
    Read More
  15. xe로 홈피만들기 실전6 - 애드온과 에디터

    Date2012.11.30 CategoryXE 홈피 Bygsm Views1898
    Read More
  16. xe로 홈피만들기 실전5 - 게시판설정(2)

    Date2012.11.28 CategoryXE 홈피 Bygsm Views2046
    Read More
  17. 예전에 한때 사용했던 홈피 소스랑 이미지

    Date2012.11.28 Category연습용 Bygsm Views1639
    Read More
  18. 제로보드 관리자 비번 초기화

    Date2012.11.27 Category제로보드4 Bygsm Views1838
    Read More
  19. 엑소버드 제로보드 연동

    Date2008.03.10 Category제로보드4 Bycs Views2451
    Read More
  20. xe로 홈피만들기 실전5 - 게시판설정(1)

    Date2012.11.26 CategoryXE 홈피 Bygsm Views2635
    Read More
  21. xe로 홈피만들기 실전4 -페이지와 위젯설정

    Date2012.11.19 CategoryXE 홈피 Bygsm Views2341
    Read More
  22. xe로 홈피만들기 실전3 - 레이아웃설정

    Date2012.11.18 CategoryXE 홈피 Bygsm Views1878
    Read More
  23. xe로 홈피만들기 실전2 - 게시판과 사이트맵

    Date2012.11.13 CategoryXE 홈피 Bygsm Views2405
    Read More
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소