서버 점검 안내

dsclub은 서비스의 안정성과 성능 향상을 위해
매일 04시 30분에 정기 점검이 진행됩니다.

점검 시간: 오전 4시 30분 ~ 4시 35분

해당 시간 동안 일시적으로 서비스에 접속이 불가능하오니, 양해 부탁드립니다.

그누보드 유튜브 스타일 게시판(모바일) 업데이트 버전 > 자료실 (zip)

그누보드 유튜브 스타일 게시판(모바일) 업데이트 버전

페이지 정보

작성자 회원이미지 tak2 (192.♡.0.1) 작성일 23-08-31 02:00 조회 7,582 댓글 3

본문

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


기능: (유튜브의 기능 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를 활용하여 만들었습니다.

-사용된 부분

[code]

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') {


[code]

좋아요36 이 글을 좋아요하셨습니다
url 복사 카카오톡 공유 라인 공유 페이스북 공유 트위터 공유

첨부파일

2kat님의 댓글

no_profile 2kat 아이피 (220.♡.000.000) 작성일

최고입니다.

익명님의 댓글

익명 아이피 (58.♡.197.215) 작성일

https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/vay-tien-online
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/5db1c4ef-1188-4e9f-bb17-c0af48a13afb/vay-tien-online-sieudong-l%C3%A0-g%C3%AC-%C4%91i%E1%BB%81u-ki%E1%BB%87n-vay-ti%E1%BB%81n-online-si%C3%AAu-%C4%91%E1%BB%93ng-l%C3%A0-g%C3%AC
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/c207f104-f230-4c91-8a47-9476efd7e70f/vay-tien-online-vay-happy-dong-vay-ti%E1%BB%81n-online-nhanh-24-7
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/97d07f27-b0f0-445a-a886-a1d9a267f4ae/vay-tien-online-app-fvay-vay-ti%E1%BB%81n-c%C3%B3-uy-t%C3%ADn-kh%C3%B4ng
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/93fa782e-f32a-44d0-a965-13aa3bc99376/vay-tien-online-post-vay---trang-ch%E1%BB%A7-postvay-vay-ti%E1%BB%81n-ch%E1%BB%89-v%E1%BB%9Bi-y%C3%AAu-c%E1%BA%A7u-%C4%91%C6%A1n-gi%E1%BA%A3n
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/7fd32baf-7ee9-45d1-9690-6462967f2604/vay-tien-online-asian-credit---app-vay-ti%E1%BB%81n-nhanh-uy-t%C3%ADn-t%E1%BB%91t-nh%E1%BA%A5t
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/0f30fb16-a79a-4cd7-95bf-0bdc34375423/vay-tien-online-%C6%A1i-vay-l%C3%A0-g%C3%AC-c%C3%B3-l%E1%BB%ABa-%C4%91%E1%BA%A3o-kh%C3%B4ng-c%C3%A1ch-vay-ti%E1%BB%81n-online
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/ff2768f7-c11d-409f-8a81-2979cb83d779/vay-tien-online-flashvay-vay-ti%E1%BB%81n-nhanh-app-flash-vay-h5-online-100
https://music.amazon.com/podcasts/a0adb6ed-1459-4ee6-aeb9-05c9d0a3cdbb/episodes/ac46d482-6413-44bf-824f-8cefa88c637f/vay-tien-online-vaynhanh24h-%E2%80%93-vay-si%C3%AAu-t%E1%BB%91c
https://social.technet.microsoft.com/Profile/vaytienonline123
https://social.msdn.microsoft.com/profile/vaytienonline123/
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/ce37c88a-f0bd-4a92-97a1-9806a56bac7f/appvaytienonline-h5-kim-%C6%B0ng-vay---nh%E1%BB%AFng-%C4%91i%E1%BB%81u-b%E1%BA%A1n-c%E1%BA%A7n-n%E1%BA%AFm-khi-vay-ti%E1%BB%81n-t%E1%BA%A1i-%C4%91%C3%A2y
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/246ed5e0-1f2f-435b-9701-2ad5d5d80f3d/appvaytienonline-vay-ti%E1%BB%81n-online-%C4%91%C6%A1n-gi%E1%BA%A3n-v%C3%A0-nhanh-ch%C3%B3ng-t%E1%BA%A1i-h5-v%C3%AD-may-m%E1%BA%AFn
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/3cbc93c2-8bb6-4c18-b8f9-d307710f510e/appvaytienonline-vay-ti%E1%BB%81n-vaymini-%C6%B0u-nh%C6%B0%E1%BB%A3c-%C4%91i%E1%BB%83m-%C4%91i%E1%BB%81u-ki%E1%BB%87n-l%C3%A3i-su%E1%BA%A5t
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/ff25fb49-f3d0-44a9-8618-385f1c354874/appvaytienonline-vay-online-tinvay-c%C3%B3-an-to%C3%A0n-kh%C3%B4ng
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/0e198245-13df-497a-8406-e49e88a2919a/appvaytienonline-h5-vay-tia-ch%E1%BB%9Bp-%E2%80%93-vay-ti%E1%BB%81n-gi%E1%BA%A3i-ng%C3%A2n-nhanh-ch%C3%B3ng-trong-ng%C3%A0y
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/cfa94fbe-8ab5-4dfc-b972-cdfa17634ed9/appvaytienonline-si%C3%AAu-th%E1%BB%8B-ti%E1%BB%81n-h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-c%C3%A1ch-vay-5-tri%E1%BB%87u-kh%C3%B4ng-ph%C3%AD-d%E1%BB%8Bch-v%E1%BB%A5
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/0c709b88-9855-4afa-8b83-6d168622a589/appvaytienonline-vaynhanhpro-vay-ti%E1%BB%81n-an-to%C3%A0n-duy%E1%BB%87t-nhanh-si%C3%AAu-t%E1%BB%91c
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/bdc862b5-5558-4850-bb28-abd86795dd77/appvaytienonline-%C6%A1i-vay-l%C3%A0-g%C3%AC-c%C3%B3-l%E1%BB%ABa-%C4%91%E1%BA%A3o-kh%C3%B4ng-c%C3%A1ch-vay-ti%E1%BB%81n-online
https://music.amazon.com/es-cl/podcasts/28b6f73c-50d4-4b3e-87ef-485ea881eee5/episodes/3477211f-6026-4b5e-a4f5-8a189b886740/appvaytienonline-happy-vay-%E1%BB%A9ng-d%E1%BB%A5ng-cho-vay-ti%E1%BB%81n-ng%E1%BA%AFn-h%E1%BA%A1n

익명님의 댓글

익명 아이피 (192.♡.0.1) 작성일

pc버전 업데이트 포기

  • _  글쓰기 글쓰기
전체 42건
게시물 검색

접속자집계

오늘
836
어제
672
최대
4,271
전체
317,766