유튜브 스타일 게시판 모바일전용 (23.8.31 업데이트) > 그누보드5 스킨

그누보드5 스킨

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

유튜브 스타일 게시판 모바일전용 (23.8.31 업데이트) 정보

게시판 유튜브 스타일 게시판 모바일전용 (23.8.31 업데이트)

첨부파일

v_basic5.zip (51.2K) 24회 다운로드 2023-08-31 02:01:54 포인트 차감121
테스트한 버전5.5.8.3.1
호환 가능 버전5.3 이상은 가능할 것 같아요

본문

소개: 유튜브 스타일의 게시판 스킨입니다. (모바일 전용)

 

기능: (유튜브의 기능 90%정도는 비슷합니다)

 

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

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

-10초 건너뛰기 구현

 

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

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

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

 

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

 

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

 

사용 화면:

27effe3debc18890ad861dbaa8ebf485_1693414567_5443.jpeg
27effe3debc18890ad861dbaa8ebf485_1693414568_0625.jpeg
27effe3debc18890ad861dbaa8ebf485_1693414568_3591.jpeg
27effe3debc18890ad861dbaa8ebf485_1693414569_4347.jpeg
 

사용법: 

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

게시판 설정에서 사이드뷰와 추천 비추천, 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/j_V44a3HNBw?si=Dyb0UgfrrzIaYzzA

 

참고:

해피정님의 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') {

 

첨부 링크 1에서 포인트 없이 다운로드 가능

첨부링크 2에서 데모 확인

 

*Pc버전은 기말 끝나고 제작에 들어갈 예정입니다

추천
3

댓글 전체

업데이트를 조금씩 진행 중이어서 급하신 분들은 지금 사용하셔도 괜찮지만, 급하지 않다면 2~3일 뒤에 다운로드 하시는 것을 추천드려요
전체 4 |RSS

회원로그인

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