찬송가 유튜브 645 스킨

· 2022-06-11 (토) 09:56:49 · 4814 · 69
hymn.jpg

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분 모바일 반응형 코드 두군데를 수정합니다.

 

[code]

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

[/code]

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

[code]

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

[/code]

 

----------

 

[code]

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

[/code]

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

[code]

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

[/code]

버전 정보

테스트한 버전 5.5.7.5
호환 가능 버전 5.4 이상

첨부파일

hymn.jpg (166.4 KB)
0회 2022-06-11 09:56 포인트 차감 20
hymn_645.zip (19 KB) 116회 2022-06-11 09:56 포인트 차감 20
1명이 반응했습니다
|

댓글 69개

2022-06-11 (토) 11:04:12
감사합니다. 쓰임이 있을지 모르지만 일단 다운 받아 놓으렵니다. ^^
2022-06-11 (토) 11:11:56
응용하시면 유튜브 노래방 가능합니다.ㅋ
2022-06-11 (토) 12:28:24
엄청나네요 ㅎㅎ
2022-06-11 (토) 13:54:10
내공이 허접이라 풀로 이틀이 걸리네요.ㅋ
대단히 감사 합니다.
2022-06-11 (토) 13:55:36
교회 다니시는 분들은 홈페이지에 깔아놓고 무한 연속 감상하면 괜찮을 거에요.
2022-06-12 (일) 01:19:55
이건 645로 범위가 고정되어 있어서 그 부분은 편했지요.
검색하는 코드는 예전에 제가 만들어논 코드가 아니라 새로 다른 로직을 구성해서 그런지 시간이 좀 걸렸습니다.ㅋ
와 완전 좋네요 감사합니다.
2022-06-11 (토) 13:57:08
작업하다 보니 코딩시간 거의 전부를 찬송가로 들으면서 한 꼴이 되었네요.ㅋ
와우 ^^
드디어 완성 하셨군요~ 대단 하십니다.
이번 교회 홈페이지 이전 작업에 제가 별루 한게 없어서 좀 그랬는데..
이거 붙여 주면~ ㅋㅋ 노력한 티가 팍팍 나겠네요~
감사합니다
2022-06-11 (토) 14:05:24
원래는 플러그인 원페이지로 공유하려다.
지동으로 상하단 공통 인클루드가 들어가는 싱글스킨이 그누 사용자들이 더 적용이 쉬울 것 같아서요.
라이트, 뷰, 코멘트 스킨은 경로를 키보드로 직접 치고 페이지를 열어보면 고투유알엘로 그누 대문으로 보내버립니다.ㅋ
2022-06-11 (토) 15:41:26
놀라운 스킨입니다.
실력이 대단하신거 같습니다.
엄지 척!!
2022-06-11 (토) 18:54:48
어이쿠 감사드립니다.
2022-06-11 (토) 17:08:29
예전에 댓글에 거론한적이 있는것 같은데

이 스킨인가 봐요

수고하신 땀 방울 하나 하나 느껴집니다
값 없이 베푸시는 은혜 감사합니다
2022-06-11 (토) 18:59:22
그건 아니에요. 그 스킨은 곰곰 생각해보니 저작권에 걸려서...
https://sir.kr/g5_tip/18622
이 팁의 응용입니다.
딴건 무난했는데 제목검색에서 어떤 방식을 취할까로 가장 고민했긴 했습니다.
더 큰 고민은 레이아웃이었구요.
와 좋네요
2022-06-11 (토) 21:09:53
감사합니다
하나님 아버지 더욱 우리 비타주리님 붙들어주시고 더욱 귀한 것으로 채워주시옵기를 빕니다... orz
2022-06-12 (일) 01:27:40
유튜브 api 붙이는 건 한참 예전 액션 스크립트로 연동하는 코드를 만들 때 충분히 연구를 해서인지 낯설지는 않았구요.
역시 레이아웃 구도 잡기가 힘들더라구요.
저는 요즘도 홈피 전체 윤곽을 잡을 때만 div flex 를 쓰고 지금도 내용물은 테이블 코딩합니다.ㅋ
이건 웹노동력에 대한 댓가를 염두에 두기 보다는 말 그대로 봉사의 개념으로 작업한 것이 진심입니다.
와~우
대단합니다.
좋은 주일 되세요~
2022-06-12 (일) 10:08:37
레인비님 감사합니다
2022-06-13 (월) 00:03:47
와. 지난번 성경 스킨도 그렇고 반응 속도도 빠르고 너무 좋고 유익한 스킨 공개해주셔서 감사합니다.
2022-06-13 (월) 02:35:35
유튜브리스트 플레이어 스킨보다는
이 스킨이 훨 빠르지요. 제목을 크롤링하는 과정이 없으니까요.
감사합니다.
우와... 엄청나네요. 구현하고 싶은 것, 필요한 것을 뚝딱 만들어내실 수 있다는게 정말 부럽고 멋있습니다!
2022-06-13 (월) 09:49:09
뚝딱 만들어내는 건 극소수 구요.
빠듯하게 맞춰가는 거에요.
제가 오른손 손가락을 예전에 다쳐서 타가 느려요.ㅜㅠ
항상 머리보다 손이 무진장 느려서 그게 아쉬움 입니다.ㅋ
지휘자 겸 피아니스트인 정명훈에대한 티비방송을 본적이 있는데요
유학시절 운동을 좋아해서 심한 운동을 하곤 했는데 그 때마다 선생님이 "손 다치면 어떻하냐"고 운동을 말렸다는 방송을 본적이 있습니다
개발자에게 손은 피아니스트의 손과 비슷하다라는 생각이 듭니다.
어떻하다가 다치셨는지는 모르겠지만 정말 안타깝습니다
비타주리님같은 고수분들은 생각에서 구현이 다 되어 있는데 손을 다쳐서 타이핑이 늕어지면 스트레스도 많이 받으시겠어요
그럼에도 불구하고 좋은 스킨공개해주셔서 감사드립니다
2022-06-13 (월) 14:23:16
염려해 주셔서 고맙습니다.
실생활에 지장이 있을 정도는 아니구요.
성질이 급해서 결과를 빨리 못보니 그래서 그런 거에요.
2022-06-14 (화) 07:39:16
잘쓰고 있습니다~^^
pc애서 play 눌러도 재생 안되는건
브라우저 영향인지 궁굼합니다~^^
엣지와 크롬 둘다 쓰는데 재생이 안되는것
같아요~^^
모바알에서눈 재생 짱입니다~^^
2022-06-14 (화) 08:07:41
처음에는 play 버튼을 눌러서는 안 되구요.
반드시 동영상을 클릭해야 합니다.
그 이후에는 상관이 없구요.
첫 재생시 자동재생이 안 되는 건 엣지 포함 크롬계열 브라우저의 정책이라서 수가 없습니다.
2022-06-14 (화) 08:13:20
이른 아침부터 답변 달아주셔서
검사합니다~^^
달 사용하도록허게씁니다
2022-06-16 (목) 02:46:06
잘만드셨네요 수고 하셨습니다.
2022-06-16 (목) 09:07:42
와 헌이님 너무 간만에 뵙습니다.
홈페이지는 얼마전까지 워드프레스로 기본만 세팅해 놓으신 것 같았는데 지금 들어가보니 빙하기모드로 바뀌셨네요.ㅜㅠ
눈이 부시는 스킨이네요. 감사히 잘 받아갑니다.
[http://sir.kr/data/editor/2206/41aaad2b6b2a1b1b9b2d1ba8adb6c530_1655867340_4225.gif]
2022-06-22 (수) 12:58:11
예 나중 기독교 관련 홈페이지 만들 일 있으면 괜찮을 거에요.
동영상이 200개 이상 되는 플레이 리스트가 있을 때 쉽게 js파일로 뽑아봤습니다. 아래 링크 파일을 웹서버에 올리거나 그냥 바탕화면에 카피해서 더블 클릭 하시면 됩니다. 필요한 플레이 리스트 아이디를 유튜브에서 검색 카피 한후 버튼 꾹.....

https://github.com/chongro3ga/gnuboard/blob/master/getTitleAndID.html
[http://sir.kr/data/editor/2206/3a64d2fba0636d7f73d40a3313db43f3_1656447056_0628.JPG]
2022-06-29 (수) 08:42:39
와우 수고하셨어요.
그런데 이 컨텐츠에서 사용된 js 파일은 형식이 더 간략합니다.
생각해보니 배열[0] 이 굳이 필요가 없어서...

http://www.mediaplayer.kr/main/skin/board/hymn_pc/645.js
정말 멋집니다.
감사합니다.
2022-06-30 (목) 01:05:07
감사합니다
2022-07-04 (월) 10:57:25
정말 유용하게
잘사용하고 있습니다~^*
궁금한게 있는데요~
게시판말고 pages 형태로 만들려면 복접한가요?
게시판형태로 하다보니
게시판 스킨 배너가 있어서
646 스킨
화면을 상단으로 끌어 올리고 사용하고 있습니다~^^)
2022-07-04 (월) 12:31:47
html-css 기본만 알고 계시다면 식은 죽 먹기 일텐데요.
아니면 게시판 관리 보드에서 상하단 인클루드 파일을 본인의 입맛에 맞게 퍼블리싱 하시면 됩니다. 인클루드 파일은 굳이 php 소스가 필요가 없구요.
2022-07-04 (월) 12:37:00
제가 이걸 스킨 형태로 만든 이유 중 하나는 개발비는 어차피 봉사 개념이지만 사용자에게 댓글이나 추천 하나라도 받아야 겠다는 욕심 때문입니다.
그냥 원페이지로 공유하면 html 소스만 보면 개나 소나 다 쓸 수 있는 페이지가 될텐데 그렇게 하긴 싫어서입니다.
그래서 원페이지 소스는 공유할 생각이 없고 꼭 그누스킨을 거쳐야만 가능한 컨텐츠로 만든 것입니다. 이해 하시고 상하단 인클루드 파일을 본인이 만드셔서 직접 커스텀해 쓰시길 권해 드립니다.
2022-07-04 (월) 13:15:23
네~^^ 잘 알겠습니다~
감사합니다~^^
너무나 좋고, 유용한 스킨을 공유하여 주셔서 감사합니다.
2022-07-21 (목) 02:38:35
감사합니다
감사합니다
저희 가정교회의 목장모임때 유용하게 쓰일듯합니다.
2022-08-13 (토) 18:49:16
예 감사합니다
대단하십니다. 멋집니다.
2022-08-24 (수) 14:49:51
감사합니다
감사합니다
2022-12-06 (화) 22:45:28
감사합니다.
2024-02-14 (수) 17:38:58

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

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

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

막을수 있을까요?

2024-02-14 (수) 19:54:00

리스트 스킨에서 80라인 부터 시작해서 645 숫자 8개를 모두 200 으로 고치세요.

2024-02-15 (목) 08:58:36

아~~감사합니다

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

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

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

2024-05-29 (수) 19:19:28

잘 사용하고 있습니다.

혹시...

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

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

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

2024-08-26 (월) 14:10:10

가능하긴 하겠지만 배포예정 없습니다.^^

2024-06-18 (화) 00:10:45

저도 너무나도 잘 사용하고 있습니다.

감사합니다.

2024-08-26 (월) 14:10:23

감사합니다.

감사 합니다 잘쓸게요

 

2024-08-26 (월) 14:10:55

감사합니다.

2024-08-26 (월) 09:36:55

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

2024-08-26 (월) 14:13:34

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

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

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

2024-09-29 (일) 18:45:55

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

2024-09-29 (일) 21:40:45

얼마든지 가능한데..

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

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

2024-10-11 (금) 19:48:02

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

2024-10-12 (토) 06:33:28

죄송합니다.

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

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

2024-10-12 (토) 07:55:44

아, 네. 감사합니다.

2024-10-14 (월) 08:42:29

연말 가기전에 배포할게요

2024-10-14 (월) 18:59:55

고마워요.

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,751건

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

+