유튜브 게시판 스킨 > 그누보드5 스킨

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

그누보드5 스킨

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

유튜브 게시판 스킨 정보

게시판 유튜브 게시판 스킨

첨부파일

v_basic6.zip (52.5K) 12회 다운로드 2024-03-11 02:25:34 포인트 차감128
테스트한 버전5.5.13
호환 가능 버전5.5이상으로 예상합니다.

본문

엄... 공부 열삼히 하려고 했는데 마침 주말이기도 해서, 아무것도  안하니까 손이 근질근질해서 기습 게시합니다, 진짜로 이제 안올거에요(?)

(학습 플래너에는 실패만이;;;)

(진짜 한 말 그대로 하는 상남자가 접니다(?))

 

기존 기능:

1.. 동영상(mp4) 업로드 후 게시된 영상에 ui적용

-배속(동영상 재생 속도 조절) 기능

-버튼 눌러 10초 건너뛰기 구현

-동영상 멈추기

-1차적인 동영상 다운로드 방지 기능

 

2.. 더보기(설명란) 기능

- 제목, 좋아요 수, 조회수, 게시일, 내용(30자 넘어가면 더보기 눌러서 확인 가능)

-전체 동영상(게시물) 보기 기능

 

3..좋아요, 공유, 저장하기(스크랩) 메뉴 구현

 

4.. 댓글 숨김 밑 댓글 입력창 위치 고정

 

 

업데이트(수정)내역:

1. 동영상 밑의 하단바 드래그를 통해 동영상의 원하는 부분으로 이동 가능

2. 동영상 클릭 시 동영상 시간과 재생속도 출력

3. 건너뛰기 5초로 변경

4. 재생 가능한 동영상 확장자를 mp4에서 avi, av, asf, mov 등으로 늘림

5. 디바이스 크기에 따라 재생 속도옵션 개수 조절

6. 관련 코드 최적화 (너무 많은 echo '';를 사용하는 것을 줄여 관리에 용이, 속도 미약하게나마 증가), 코드 압축

7. 동영상 왼쪽 오른쪽 더블클릭으로 5초 건너뛰기 적용

참고 사진:

35a9da0ab5fceca2a7a9389f9671b1be_1710086447_6003.jpeg
35a9da0ab5fceca2a7a9389f9671b1be_1710086447_8215.jpeg
35a9da0ab5fceca2a7a9389f9671b1be_1710086448_0389.jpeg
 

프리뷰(동영상 ui에 한하여 실행되는 모습): https://dsclub.kr/bbs/board.php?bo_table=free&wr_id=1786

 

사용법(기존과 동일):

스킨 업로드 후 관리자 화면에서 v_basic6 선택,

게시판 설정에서 사이드뷰와 추천 비추천, sns공유 가능을 선택

(추천)유튜브같은 느낌을 위해 게시글 작성 및 댓글 등록 권한을 2로 설정해주세요.

폰트 어썸 최소 6.xx 번대를 사용해주세요, 폰트 어썸 최신버전 적용 참고: https://dsclub.kr/bbs/board.php?bo_table=code&wr_id=417 

 

데모:https://dsclub.kr/bbs/board.php?bo_table=testt&wr_id=5

 

데모 영상:https://youtu.be/S9qCSx6jV3s?si=-ihfCvoukwxUXKTb

 

참고:

해피정님의 https://sir.kr/g5_tip/17749를 활용하여 만들었습니다.

-if ($view['file'][0]['file']) { $mp34_fileinfo = pathinfo($view['file'][0]['file']); $mp34_ext = $mp34_fileinfo['extension']; if ($mp34_ext=='mp4') { echo "<video style=\"width:100%;display:block\" src=\"{$view['file'][0]['path']}/{$view['file'][0]['file']}\" controls loop controlsList=\"nodownload\"></video>"; } elseif ($mp34_ext=='mp3') {

 

 

(사실 학교 정보시간에 파이썬 수업 해서 어쩌면 자주 올 수도 있을지도요?)

추천
3

댓글 전체

전체 4 |RSS

회원로그인

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