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]
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
나리야용 News Ticker입니다. - jquery.newsticker.min.js 사용 사용방법 - 테마/widget 디렉토리에 업로드후 아래 코드 추가 [code] <div ...
도메인 몇개를 가지고 있는데요. 도메인 소개 게시판을 만들어 보았습니다. 그누보드 basic을 커스텀했고요. https://www.w3schools.com/howto/howto_c...
안녕하십니까? 거의 수년간 다른분 스킨만 사용하면서 도움만 받고 있었습니다. 활동도 거의 안하면서 도움만 받아서 죄송합니다. 이번 스킨은 필요에 의해서 맞춤형으로 개발을 하면...
http://www.mediaplayer.kr/main/hymn_645 1. 압축파일을 풀고 한개의 폴더를 pc 스킨과 모바일 스킨으로 양쪽 모두 업로드하면 "땡"입니다. 글쓰...
6개월만에 업그레이드 해서 다시 올립니다. 이전 버전 : https://sir.kr/g5_skin/48298 * 사용법 1. 관리자에서 게시판 스킨을 다운로드...
안녕하세요. 팬텀디자인입니다. 그누보드에 사이트맵 스킨이 몇 개 없는 것 같아 반응형으로 사이트맵을 하나 제작해 봤습니다. - 설치방법 설치방법은 간단합니다. 원하는 위치에 s...
마우스나, 모바일에 제스처로 스와이프 하시면 다음페이지 이전페이지로 이동하는 스킨입니다. 컨텐츠가 많은 게시판에서 유용하더군요. 그누보드 5.4에서 테스트 했습니다. 5...
펄스나인님이 제작하신 지도 스킨에 필요한 몇몇 기능들을 추가해서 사용하던 스킨을 재배포합니다. ★ 기존 마커 아이콘이 5개에서 무한정으로 어떤 아이콘이던 사용할 수 있게 수정하...
댓글 69개
신세계 입니다.
검색하는 코드는 예전에 제가 만들어논 코드가 아니라 새로 다른 로직을 구성해서 그런지 시간이 좀 걸렸습니다.ㅋ
드디어 완성 하셨군요~ 대단 하십니다.
이번 교회 홈페이지 이전 작업에 제가 별루 한게 없어서 좀 그랬는데..
이거 붙여 주면~ ㅋㅋ 노력한 티가 팍팍 나겠네요~
감사합니다
지동으로 상하단 공통 인클루드가 들어가는 싱글스킨이 그누 사용자들이 더 적용이 쉬울 것 같아서요.
라이트, 뷰, 코멘트 스킨은 경로를 키보드로 직접 치고 페이지를 열어보면 고투유알엘로 그누 대문으로 보내버립니다.ㅋ
실력이 대단하신거 같습니다.
엄지 척!!
이 스킨인가 봐요
수고하신 땀 방울 하나 하나 느껴집니다
값 없이 베푸시는 은혜 감사합니다
https://sir.kr/g5_tip/18622
이 팁의 응용입니다.
딴건 무난했는데 제목검색에서 어떤 방식을 취할까로 가장 고민했긴 했습니다.
더 큰 고민은 레이아웃이었구요.
역시 레이아웃 구도 잡기가 힘들더라구요.
저는 요즘도 홈피 전체 윤곽을 잡을 때만 div flex 를 쓰고 지금도 내용물은 테이블 코딩합니다.ㅋ
이건 웹노동력에 대한 댓가를 염두에 두기 보다는 말 그대로 봉사의 개념으로 작업한 것이 진심입니다.
대단합니다.
좋은 주일 되세요~
이 스킨이 훨 빠르지요. 제목을 크롤링하는 과정이 없으니까요.
감사합니다.
빠듯하게 맞춰가는 거에요.
제가 오른손 손가락을 예전에 다쳐서 타가 느려요.ㅜㅠ
항상 머리보다 손이 무진장 느려서 그게 아쉬움 입니다.ㅋ
유학시절 운동을 좋아해서 심한 운동을 하곤 했는데 그 때마다 선생님이 "손 다치면 어떻하냐"고 운동을 말렸다는 방송을 본적이 있습니다
개발자에게 손은 피아니스트의 손과 비슷하다라는 생각이 듭니다.
어떻하다가 다치셨는지는 모르겠지만 정말 안타깝습니다
비타주리님같은 고수분들은 생각에서 구현이 다 되어 있는데 손을 다쳐서 타이핑이 늕어지면 스트레스도 많이 받으시겠어요
그럼에도 불구하고 좋은 스킨공개해주셔서 감사드립니다
실생활에 지장이 있을 정도는 아니구요.
성질이 급해서 결과를 빨리 못보니 그래서 그런 거에요.
pc애서 play 눌러도 재생 안되는건
브라우저 영향인지 궁굼합니다~^^
엣지와 크롬 둘다 쓰는데 재생이 안되는것
같아요~^^
모바알에서눈 재생 짱입니다~^^
반드시 동영상을 클릭해야 합니다.
그 이후에는 상관이 없구요.
첫 재생시 자동재생이 안 되는 건 엣지 포함 크롬계열 브라우저의 정책이라서 수가 없습니다.
검사합니다~^^
달 사용하도록허게씁니다
홈페이지는 얼마전까지 워드프레스로 기본만 세팅해 놓으신 것 같았는데 지금 들어가보니 빙하기모드로 바뀌셨네요.ㅜㅠ
[http://sir.kr/data/editor/2206/41aaad2b6b2a1b1b9b2d1ba8adb6c530_1655867340_4225.gif]
https://github.com/chongro3ga/gnuboard/blob/master/getTitleAndID.html
[http://sir.kr/data/editor/2206/3a64d2fba0636d7f73d40a3313db43f3_1656447056_0628.JPG]
그런데 이 컨텐츠에서 사용된 js 파일은 형식이 더 간략합니다.
생각해보니 배열[0] 이 굳이 필요가 없어서...
http://www.mediaplayer.kr/main/skin/board/hymn_pc/645.js
감사합니다.
잘사용하고 있습니다~^*
궁금한게 있는데요~
게시판말고 pages 형태로 만들려면 복접한가요?
게시판형태로 하다보니
게시판 스킨 배너가 있어서
646 스킨
화면을 상단으로 끌어 올리고 사용하고 있습니다~^^)
아니면 게시판 관리 보드에서 상하단 인클루드 파일을 본인의 입맛에 맞게 퍼블리싱 하시면 됩니다. 인클루드 파일은 굳이 php 소스가 필요가 없구요.
그냥 원페이지로 공유하면 html 소스만 보면 개나 소나 다 쓸 수 있는 페이지가 될텐데 그렇게 하긴 싫어서입니다.
그래서 원페이지 소스는 공유할 생각이 없고 꼭 그누스킨을 거쳐야만 가능한 컨텐츠로 만든 것입니다. 이해 하시고 상하단 인클루드 파일을 본인이 만드셔서 직접 커스텀해 쓰시길 권해 드립니다.
감사합니다~^^
저희 가정교회의 목장모임때 유용하게 쓰일듯합니다.
대박입니다. 감사합니다.
혹시 영상파일이 200개라면 어디를 수정해야
새로고침했을때 522...623...432...등으로 나와 오류가 발생함을
막을수 있을까요?
리스트 스킨에서 80라인 부터 시작해서 645 숫자 8개를 모두 200 으로 고치세요.
아~~감사합니다
하나씩 변경해보니 안 먹혀서
오늘 아침에 답변없으면 645.js 만 빼고 전부 바꿔보려고했는데 ㅎㅎㅎ
감사합니다 깔끔하게 해결되었습니다
잘 사용하고 있습니다.
혹시...
접속(시작)시 랜덤 플레이 되는거 말고
랜덤으로 플레이 되게 할 수 있는 버튼
또는 소스수정 가능할까요?
가능하긴 하겠지만 배포예정 없습니다.^^
저도 너무나도 잘 사용하고 있습니다.
감사합니다.
감사합니다.
감사 합니다 잘쓸게요
감사합니다.
게시판을 두개 이상 만들어 사용하느데, 게시판을 왔다갔다 하면 플레이 되지 않습니다. 엣지 브라우저에서 캐시파일 삭제하면 재생됩니다. 무슨 문제일까요?
플레이어나 플레이어를 싸고 있는 엘리먼트의 id 를 게시판마다 다르게 줘 보세요.
물론 그게 원인이 아닐 수도 있겠지만요.
좌우지간 제가 수정해서 손봐드릴 여유는 없습니다.^^ 이해하시길요.
감사합니다. 혹시 가사검색(또는제목검색)에서 결과치가 1개만 나오는데 모든 검색결과를 링크와함께 보여줄 수 있을까요?
얼마든지 가능한데..
검색목록이 가령 10개인 경우 10개를 리스트로 만들시 그걸 이쁘게 보이기 위한 css를 꾸미기가 심히 귀찮습니다.
그렇다고 덜렁 텍스트만 보이게 나열해서 배포하는 건 제가 싫습니다.
비타주리님 귀찮게해드려 죄송합니다. 검색결과 모두 보여주는 스크립트 알려주시면 안될까요? css는 제가 비벼보겠습니다.
죄송합니다.
이것에 대한 css 는 제가 생각해 둔게 있습니다.
언제일지는 모르지만 여하튼 제 입맛에 맞게 배포하고 싶어요. 이해하시길 바랍니다.
아, 네. 감사합니다.
연말 가기전에 배포할게요
고마워요.