유튜브 게시판 스킨 정보
게시판 유튜브 게시판 스킨
첨부파일
본문
엄... 공부 열삼히 하려고 했는데 마침 주말이기도 해서, 아무것도 안하니까 손이 근질근질해서 기습 게시합니다, 진짜로 이제 안올거에요(?)
(학습 플래너에는 실패만이;;;)
(진짜 한 말 그대로 하는 상남자가 접니다(?))
기존 기능:
1.. 동영상(mp4) 업로드 후 게시된 영상에 ui적용
-배속(동영상 재생 속도 조절) 기능
-버튼 눌러 10초 건너뛰기 구현
-동영상 멈추기
-1차적인 동영상 다운로드 방지 기능
2.. 더보기(설명란) 기능
- 제목, 좋아요 수, 조회수, 게시일, 내용(30자 넘어가면 더보기 눌러서 확인 가능)
-전체 동영상(게시물) 보기 기능
3..좋아요, 공유, 저장하기(스크랩) 메뉴 구현
4.. 댓글 숨김 밑 댓글 입력창 위치 고정
업데이트(수정)내역:
1. 동영상 밑의 하단바 드래그를 통해 동영상의 원하는 부분으로 이동 가능
2. 동영상 클릭 시 동영상 시간과 재생속도 출력
3. 건너뛰기 5초로 변경
4. 재생 가능한 동영상 확장자를 mp4에서 avi, av, asf, mov 등으로 늘림
5. 디바이스 크기에 따라 재생 속도옵션 개수 조절
6. 관련 코드 최적화 (너무 많은 echo '';를 사용하는 것을 줄여 관리에 용이, 속도 미약하게나마 증가), 코드 압축
7. 동영상 왼쪽 오른쪽 더블클릭으로 5초 건너뛰기 적용
참고 사진:
프리뷰(동영상 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
댓글 전체
감사 합니다.
멋진기능이네요 감사합니다.
감사합니다.