찬송가 유튜브 645 스킨 > 그누보드5 스킨

그누보드5 스킨

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

찬송가 유튜브 645 스킨 정보

게시판 찬송가 유튜브 645 스킨

첨부파일

hymn_645.zip (19.0K) 48회 다운로드 2022-06-11 09:56:49 포인트 차감20
테스트한 버전5.5.7.5
호환 가능 버전5.4 이상

본문

http://www.mediaplayer.kr/main/hymn_645

 

1. 압축파일을 풀고 한개의 폴더를 pc 스킨과 모바일 스킨으로 양쪽 모두 업로드하면 "땡"입니다.

글쓰기도 필요없습니다.

list.skin.php 만 사용하는 게시판 하나짜리 스킨입니다.

플러그인 형태로 배포하려고 했는데

스킨 적용에 더 익숙한 분들이 많아 스킨 형식으로 만들었습니다.

 

----------

 

2. 찬송가 유튜브 645 전곡 스킨으로

첫 입방시는 랜덤이며 수동재생이므로 유튜브 플레이어를 눌러 재생시킵니다.

그 이후로는 모두 자동재생입니다.

전곡연속, 한곡반복, 한곡 한번만 듣기 옵션을 취향대로 선택할 수 있습니다.

 

----------

 

3. 번호를 눌러서 곡을 선택합니다. 제목이 알아서 능동적으로 보여집니다.

play 버튼을 누르면 선택한 번호의 동영상이 나옵니다.

단 첫숫자가 0이거나 645가 넘어가게 되면 번호는 보이지 않습니다.

 

----------

 

4. 제목 검색기능은 하단에 있습니다.

좌측에 제목을 검색하면 글자는 모두 붙여쓰기가 되면서

검색된 번호의 정보가 우측창에 보여집니다.

원하는 동영상 정보가 나올 경우 바로 우측버튼 클릭하면 그 동영상이 재생됩니다.

동일 검색어의 경우 번호가 빠른 것이 보여집니다.

첫 구절 검색만이 아니라 중간 부분까지 포함입니다.

예를 들어 "풍성"을 검색하면 "은혜가 풍성한 하나님은"도 검색이 된다는 뜻입니다.

 

----------

 

5. 전후진 버튼 즉 next-prev 버튼을 누르면 정방향 연속듣기와 역방향 연속듣기가 가능합니다.

정방향의 경우 645번 에서 끝나는 것이 아니라 645번 다음에는 1번으로 자동넘김 됩니다.

역방향도 마찬가지입니다.

 

----------

 

6. 곡의 기준은 좌상단 숫자가 기준입니다.

즉 지금 200번이 재생되고 있는데

동영상을 보는 중에 번호가 선택되어 좌상단 숫자가 300 이 되었다고 한다면

다음곡으로 넘어갈 때는 301 로 넘어간다는 의미입니다.

만일 좌상단 숫자가 없다면 다음곡은 645곡 중 랜덤으로 튕겨지며 넘어갑니다.

 

----------

 

7. 스킨 안의 js 파일에는 유튜브 아이디가 있습니다. 혹여라도 동영상이 삭제된다면

개별로 다른 동영상의 아이디로 바꿔주세요.

물론 pc 와 모바일 모두 바꿔주어야 합니다.

동영상 배포자는 비컴퍼니 입니다. 고마움을 전합니다.

 

----------

 

8. 일종의 유튜브 미가엘 형태인데 많은 도움이 되었으면 좋겠습니다.

 

----------

 

9. 링크 게시글로 들어가면 하단에 제 재능기부에 대한 정성을

제가 섬기는 교회로 보내주십사 하는 내용이 있는데...

배포된 스킨 안에는 그 내용이 없습니다.^^

 

----------

 

2022년 6월 12일 오후 9시 30분 모바일 반응형 코드 두군데를 수정합니다.

 


<iframe id=ytPlayer style=width:100%;height:100%;display:block frameborder=0 allowfullscreen>

위 코드를 찾아 아래처럼 바꿉니다.


<iframe id=ytPlayer style=width:100%;display:block frameborder=0 allowfullscreen>

 

----------

 


ytDiv.style.height = ytDiv.offsetWidth * 9 / 16 + "px";

위 코드를 찾아 아래처럼 바꿉니다.


ytPlayer.style.height = ytPlayer.offsetWidth * 9 / 16 + "px";
추천
18

댓글 전체

이건 645로 범위가 고정되어 있어서 그 부분은 편했지요.
검색하는 코드는 예전에 제가 만들어논 코드가 아니라 새로 다른 로직을 구성해서 그런지 시간이 좀 걸렸습니다.ㅋ
와우 ^^
드디어 완성 하셨군요~ 대단 하십니다.
이번 교회 홈페이지 이전 작업에 제가 별루 한게 없어서 좀 그랬는데..
이거 붙여 주면~ ㅋㅋ 노력한 티가 팍팍 나겠네요~
감사합니다
원래는 플러그인 원페이지로 공유하려다.
지동으로 상하단 공통 인클루드가 들어가는 싱글스킨이  그누 사용자들이 더 적용이 쉬울 것 같아서요.
라이트, 뷰, 코멘트 스킨은 경로를 키보드로 직접 치고 페이지를 열어보면 고투유알엘로 그누 대문으로 보내버립니다.ㅋ
예전에 댓글에 거론한적이 있는것 같은데

이 스킨인가 봐요

수고하신 땀 방울  하나 하나  느껴집니다
값 없이 베푸시는 은혜 감사합니다
그건 아니에요. 그 스킨은 곰곰 생각해보니 저작권에 걸려서...
https://sir.kr/g5_tip/18622
이 팁의 응용입니다.
딴건 무난했는데 제목검색에서 어떤 방식을 취할까로 가장 고민했긴 했습니다.
더 큰 고민은 레이아웃이었구요.
유튜브 api 붙이는 건 한참 예전 액션 스크립트로 연동하는 코드를 만들 때 충분히 연구를 해서인지 낯설지는 않았구요.
역시 레이아웃 구도 잡기가 힘들더라구요.
저는 요즘도 홈피 전체 윤곽을 잡을 때만 div flex 를 쓰고 지금도 내용물은 테이블 코딩합니다.ㅋ
이건 웹노동력에 대한 댓가를 염두에 두기 보다는 말 그대로 봉사의 개념으로 작업한 것이 진심입니다.
뚝딱 만들어내는 건 극소수 구요.
빠듯하게 맞춰가는 거에요.
제가 오른손 손가락을 예전에 다쳐서 타가 느려요.ㅜㅠ
항상 머리보다 손이 무진장 느려서 그게 아쉬움 입니다.ㅋ
지휘자 겸 피아니스트인 정명훈에대한 티비방송을 본적이 있는데요
유학시절 운동을 좋아해서 심한 운동을 하곤 했는데 그 때마다 선생님이 "손 다치면 어떻하냐"고 운동을 말렸다는 방송을 본적이 있습니다
개발자에게 손은 피아니스트의 손과 비슷하다라는 생각이 듭니다.
어떻하다가 다치셨는지는 모르겠지만 정말 안타깝습니다
비타주리님같은 고수분들은 생각에서 구현이 다 되어 있는데 손을 다쳐서 타이핑이 늕어지면 스트레스도 많이 받으시겠어요
그럼에도 불구하고 좋은 스킨공개해주셔서 감사드립니다
잘쓰고 있습니다~^^
pc애서 play 눌러도 재생 안되는건
브라우저 영향인지 궁굼합니다~^^
엣지와 크롬 둘다 쓰는데 재생이 안되는것
같아요~^^
모바알에서눈 재생 짱입니다~^^
처음에는 play 버튼을 눌러서는 안 되구요.
반드시 동영상을 클릭해야 합니다.
그 이후에는 상관이 없구요.
첫 재생시 자동재생이 안 되는 건 엣지 포함 크롬계열 브라우저의 정책이라서 수가 없습니다.
와 헌이님 너무 간만에 뵙습니다.
홈페이지는 얼마전까지 워드프레스로 기본만 세팅해 놓으신 것 같았는데 지금 들어가보니 빙하기모드로 바뀌셨네요.ㅜㅠ
동영상이 200개 이상 되는 플레이 리스트가 있을 때 쉽게 js파일로 뽑아봤습니다. 아래 링크 파일을 웹서버에 올리거나 그냥 바탕화면에 카피해서 더블 클릭 하시면 됩니다. 필요한 플레이 리스트 아이디를 유튜브에서 검색 카피 한후 버튼 꾹.....

https://github.com/chongro3ga/gnuboard/blob/master/getTitleAndID.html
와우 수고하셨어요.
그런데 이 컨텐츠에서 사용된 js 파일은 형식이 더 간략합니다.
생각해보니 배열[0] 이 굳이 필요가 없어서...

http://www.mediaplayer.kr/main/skin/board/hymn_pc/645.js
정말 유용하게
잘사용하고 있습니다~^*
궁금한게 있는데요~
게시판말고 pages 형태로 만들려면 복접한가요?
게시판형태로 하다보니
게시판 스킨 배너가 있어서
646 스킨
화면을 상단으로 끌어 올리고 사용하고 있습니다~^^)
html-css 기본만 알고 계시다면 식은 죽 먹기 일텐데요.
아니면 게시판 관리 보드에서 상하단 인클루드 파일을 본인의 입맛에 맞게 퍼블리싱 하시면 됩니다. 인클루드 파일은 굳이 php 소스가 필요가 없구요.
제가 이걸 스킨 형태로 만든 이유 중 하나는 개발비는 어차피 봉사 개념이지만 사용자에게 댓글이나 추천 하나라도 받아야 겠다는 욕심 때문입니다.
그냥 원페이지로 공유하면 html 소스만 보면 개나 소나 다 쓸 수 있는 페이지가 될텐데 그렇게 하긴 싫어서입니다.
그래서 원페이지 소스는 공유할 생각이 없고 꼭 그누스킨을 거쳐야만 가능한 컨텐츠로 만든 것입니다. 이해 하시고 상하단 인클루드 파일을 본인이 만드셔서 직접 커스텀해 쓰시길 권해 드립니다.
전체 1,067 |RSS
그누보드5 스킨 내용 검색 게시판에서

회원로그인

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