mp3, mp4, 유튜브 주소입력 자동표현 게시판 > 그누보드5 스킨

그누보드5 스킨

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

mp3, mp4, 유튜브 주소입력 자동표현 게시판 정보

게시판 mp3, mp4, 유튜브 주소입력 자동표현 게시판

첨부파일

view.tail.skin.zip (991byte) 222회 다운로드 2021-11-26 20:52:38
테스트한 버전5.4.18
호환 가능 버전5.4

본문

https://sir.kr/g5_skin/51500 로 업뎃되었습니다.

 

----------

 

1. 첨부파일을 다운로드 받아 압축을 풀고 그대로 PC와 모바일의 게시판 디렉토리로 올려줍니다.

스킨의 기준은 그누의 기본스킨인  basic 과 gallery 로 하였습니다만 아마도 그 이외의 스킨들도 잘 적용되리라 예상합니다.

파일은 딱 하나입니다.

 

2. 게시글이나 댓글에 http 나 https 로 시작하는 파일경로를 붙여넣기만 하면 그냥 플레이어가 만들어집니다.

이 2개의 프로토콜 이외의 주소는 배려하지 않았습니다.

미디어로 전환될 때는 주소의 문자열도 없어집니다.

아래처럼 댓글의 경우를 예로 들면 주소 부분이 미디어 형태로 바뀝니다.

31846119_1637933425.5419.jpg

 

3. 유튜브는 문자열을 파싱하기가 귀찮아서...

https://youtu.be/WYy2fROj7uU 와 동일한 패턴의 짧은 주소만 가능하게 하였습니다.

이 주소는 재생되는 유튜브 플레이어에 마우스를 대고 우클릭하여 "동영상 URL 복사"를 선택하면 되는 주소입니다.

코드를 더 추가하여 유튜브의 다른 형태의 것들을 첨가하고 싶은 분들은 업뎃하여 쓰시기 바랍니다.

 

4. 기타 다른 확장자의 파일주소는 단순한 링크로 표현됩니다.

 

5. 주의사항 있습니다.

1) 주소의 앞부분과 뒷부분은 반드시 엔터나 띄워쓰기가 들어가야 합니다.

문자열 중간에 http가 딱 붙어서 들어가면 인식하지 못합니다.

2) 주소 꼬랑지에 뻘공간이 들어가면 먹통이 될 수도 있으니 주소 입력후 확실하게 엔터키나 띄워쓰기를 해 주세요.

3) 하나의 게시판에서 동일한 주소를 2번 사용할 수 없습니다.

 

6. a태그에서 에디터의 url 기능으로 href 와 innerHTML 을 다르게 설정할 경우 전체가 헝클어집니다.

즉 <a href=http_____.mp3>여길클릭</a> 의 형태를 의미합니다. 이것은 차후 업뎃시 보강하겠습니다.

 

7. 첨부파일의 절대경로를 추출하려면...

https://sir.kr/g5_tip/16305 의 팁을 이용하세요. 시간나면 첨부파일의 절대경로가 글쓰기나 글수정 모드에서 리스트로 보이는 스킨을 하나 만들겠습니다.

 

8. 본문에만 미디어를 자동표현하고 댓글에서 사용하지 않으려면...

코드 중에 commentYes = 1; 을 0 이나 false 로 바꿔주세요.

 

9. 스킨의 기본코어는 하나도 건드리지 않고 플러그인처럼 만들었습니다.

그래서 "광분 커스텀" 스킨이 아니라면 대부분 가능할 것입니다.

빌더나 테마는 확인하지 않았고 순정 그누 5.4 에서 크롬과 안드로이드에서만 작업하였습니다.

 

10. 에디터를 쓰거나 순수 텍스트로 사용하는 게시판 모두 가능합니다.

 

11. 유용하다고 생각된다면 추천 부탁드립니다.

추천
21

댓글 전체

그냥 만들었음 조금 나았을텐데 댓글에 나중 이모티콘 부착 기능을 첨가한다는 생각을 하다 보니 댓글란을 작동시키는 코드가 조금 이상하게 꼬여서 그거 해결하느라 시간이 좀 걸렸네요.
항상 감사합니다.
마침 갤러리 오픈시 음악이 나오면 좋겠다고 생각하던 중에 님의 자를 접하게 되어 유용하게 잘 씁니다. 매우 감사합니다.
아주 잘 사용하고 있습니다. 감사드립니다!
그런데 혹시 이게 가능할지 여쭤봅니다 ㅠ

현재 mp4동영상 리스트플레이어를 사용하고 있습니다. http://www.mediaplayer.kr/main/tip/28 여기 스킨을 사용하는데 여기서 목록을 들어갔을때 글제목 옆에 썸네일이미지가 나오게 하고 싶습니다..
유뷰브플레이어처럼요!
mp4에 동영상 처음부분을 썸네일로 따서 목록에 썸네일 이미지를 같이 표현하려면 어떻게 해야 할까요?ㅠ
꼭 구현이 필요한데 너무 어렵네요 ㅠㅠ
1. mp4 동영상의 썸네일을 추출하기 위해서는 일단 동영상을 로딩시킨 후 특정부분의 시간대를 일종의 캡쳐를 통해 이미지로 만든 후 이를 서버에 저장한 다음 그 이미지를 불러와야 합니다. 전 과정을 프로그램화 하려면 단순 정보공유 차원 이상의 개발이 필요합니다.
설사 개발이 되었다 한들 리스트 동영상이 5개라면 5개 동영상이 동시에 로딩 되어야 한다는 전제가 깔리기 때문에 현실적으로는 큰 효용이 없습니다.

2. 동영상의 원하는 부분을 본인이 직접 포토샵 등으로 이미지를 만들고 그 이미지를 mp4의 메타데이터로 삽입시켜  메타데이터를 불러오는 형식으로 하면 간명합니다만  이것도 리스트가 5개라면 5개를 모두 로딩시켜야 메타데이터가 읽히기 때문에 현실적으로 큰 효용성이 없습니다.

위 2개의 방법은 단일곡을 걸 때는 그럭저럭 괜찮아요.
그러나 특히 첫번째의 경우는 개발에 들이는 노력에 비해 너무 결과물이 보잘것 없어서 프론트에서 모두 가능하게끔 웹으로 개발하고자 하는 분들은 거의 없을 거에요.

추천 방법은...

3. 미리 포토샵 등으로 썸네일을 만들고 썸네일을 먼저 업로드시킨 후 그 업로드된 이미지 주소를 사용하는 방식입니다. 이건 큰 어려움이 없이 가능합니다. 제 능력으로는 현재 소스를 수정하여 약 3시간이 걸릴 것으로 예상합니다.

결론은 3번의 방법으로 충분히  가능합니다만 죄송스럽게도 제가 그걸 위해 서너시간을 투자할 여력도 의지도 없습니다. 이해해 주시길요.
크롬 기본 설정이나 모바일에서 자동재생되는 방법은 없습니다.
다른 브라우저에서라면 브라우저에 따라 autoplay 를 주면 됩니다.
고맙습니다.
전에는 무심결에 사용했는데요.
공부삼아 파일을 타이핑해가면서 보고 있습니다. 정말 대단하시다는 것을 다시 느낍니다. 필요한 게시판에 view.tail.skin이것을 업로드해서 간단하게 영상, 음악, 유튜브를 넣을 수 있어서 참 좋습니다.
저 죄송한데 이 플러그인만 있으면
본문에 이미지가 클릭? 하여 원본 표시를 할 수가 없습니다.
큰 이미지인데 클릭을 할 수가 없는데 방법이 없을까요..?
어.. 죄송한데 급해서 그러는데 어떻게 안될까요..  아침부터 지금까지 계속 이리저리 뒤져보는데 자바스크립은 아예 장님이라 ..
스킨 너무 좋습니다!
작동도 아주 잘 됩니다! 플레이어에서 다운로드가 안뜨게 하렴 어떻게 해야 할까요? 샘플에서는 뜨지 않는데요! 게시판 관리자에서 다운로드권한은 10으로 놨는데 이부분하곤 상관이 없네요
<video style=display:block;width:100%;  src='" + yt34.href +  "' loop controls controlslist="nodownload"></video> 적용하니 영상이 사라져 버리네요...

이렇게도 넣어도 영상이 사라지구요
<video style=display:block;width:100%;  src='" + yt34.href +  "' controls loop controlsList="nodownload"></video>
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

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