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

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

그누보드5 스킨

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

찬송가 유튜브 645 스킨 정보

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

첨부파일

hymn_645.zip (19.0K) 101회 다운로드 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";
추천
20

댓글 전체

이건 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 소스만 보면 개나 소나 다 쓸 수 있는 페이지가 될텐데 그렇게 하긴 싫어서입니다.
그래서 원페이지 소스는 공유할 생각이 없고 꼭 그누스킨을 거쳐야만 가능한 컨텐츠로 만든 것입니다. 이해 하시고 상하단 인클루드 파일을 본인이 만드셔서 직접 커스텀해 쓰시길 권해 드립니다.

대박입니다. 감사합니다.

혹시 영상파일이 200개라면 어디를 수정해야

새로고침했을때 522...623...432...등으로 나와 오류가 발생함을

막을수 있을까요?

아~~감사합니다

하나씩 변경해보니 안 먹혀서

오늘 아침에 답변없으면 645.js 만 빼고 전부 바꿔보려고했는데 ㅎㅎㅎ

감사합니다 깔끔하게 해결되었습니다

잘 사용하고 있습니다.

혹시...

접속(시작)시 랜덤 플레이 되는거 말고

랜덤으로 플레이 되게 할 수 있는 버튼

또는 소스수정 가능할까요?

게시판을 두개 이상 만들어 사용하느데, 게시판을 왔다갔다 하면 플레이 되지 않습니다. 엣지 브라우저에서 캐시파일 삭제하면 재생됩니다. 무슨 문제일까요?

플레이어나 플레이어를 싸고 있는 엘리먼트의 id 를 게시판마다 다르게 줘 보세요.

물론 그게 원인이 아닐 수도 있겠지만요.

좌우지간 제가 수정해서 손봐드릴 여유는 없습니다.^^ 이해하시길요.

감사합니다. 혹시 가사검색(또는제목검색)에서 결과치가 1개만 나오는데 모든 검색결과를 링크와함께 보여줄 수 있을까요?

얼마든지 가능한데..

검색목록이 가령 10개인 경우 10개를 리스트로 만들시 그걸 이쁘게 보이기 위한  css를 꾸미기가 심히 귀찮습니다.

그렇다고 덜렁 텍스트만 보이게 나열해서 배포하는 건 제가 싫습니다.

비타주리님 귀찮게해드려 죄송합니다. 검색결과 모두 보여주는 스크립트 알려주시면 안될까요? css는 제가 비벼보겠습니다.

죄송합니다.

이것에 대한 css 는 제가 생각해 둔게 있습니다.

언제일지는 모르지만 여하튼 제 입맛에 맞게 배포하고 싶어요. 이해하시길 바랍니다.

전체 2,434 |RSS
그누보드5 스킨 내용 검색

회원로그인

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