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 플레이어 소스를 걍 붙여 넣으면 된다.


List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 8682
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9327
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9343
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9945
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10085
25 XE 홈피 미니홈피 스킨으로 xe file gsm 2013.01.11 1863
» XE 홈피 bgm 플레이어 file gsm 2013.01.27 4672
23 XE 홈피 내 홈피의 글을 네이버에 노출시키자 네이버 Syndication API file gsm 2013.05.01 1950
22 기타팁 유튜브 음성만 보이게 gsm 2013.06.10 1588
21 기타팁 무료 웹호스팅 file gsm 2013.06.13 1502
20 기타팁 무료웹폰트 2 file gsm 2013.06.13 1445
19 XE 홈피 트위터 위젯 2 file gsm 2013.06.19 3399
18 XE 홈피 xe 제작 동영상 강의 소개 file gsm 2013.08.13 3329
17 xe레이아웃 다이나믹 레이아웃 file gsm 2013.01.17 1998
16 xe레이아웃 Elkha - monochrome 레이아웃 file gsm 2013.01.17 2715
15 xe레이아웃 sketchbook5 레이아웃 file gsm 2013.01.17 2766
14 xe레이아웃 KSO 컬럼니스트 레이아웃 2 file gsm 2013.01.17 2875
13 xe레이아웃 Elkha - T.S.K. 레이아웃 file gsm 2013.01.17 2878
12 xe레이아웃 Elkha - Gray Style 레이아웃 file gsm 2013.01.17 2814
11 xe레이아웃 elkha_neutral 레이아웃 1 file gsm 2013.01.19 2993
10 XE 홈피 위젯 코드 생성 후 스타일 적용하기 file gsm 2013.09.24 2245
9 연습용 팬페이지 만들기 - 1 file gsm 2013.11.02 2633
8 연습용 222 secret gsm 2013.11.03 6
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에는 나눔글꼴이 설치되어 있지 않습니다.

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

설치 취소