기존 https://dsclub.kr/zip/105 업데이트 버전입니다

1. 동영상(mp4) 업로드 후 게시된 영상에 ui적용
-배속(동영상 재생 속도 조절) 기능
-10초 건너뛰기 구현
2.더보기(설명란) 기능
- 제목, 좋아요 수, 조회수, 게시일, 내용(30자 넘어가면 더보기 눌러서 확인 가능)
-전체 동영상(게시물) 보기 기능
3.좋아요, 공유, 저장하기(스크랩) 메뉴 구현
4.댓글 숨김 밑 댓글 입력창 위치 고정
5. 동영상 밑의 하단바 드래그를 통해 동영상의 원하는 부분으로 이동 가능
6. 동영상 클릭 시 동영상 시간과 재생속도 출력
3. 건너뛰기 5초로 변경
7. 재생 가능한 동영상 확장자를 mp4에서 avi, av, asf, mov 등으로 늘림
8. 디바이스 크기에 따라 재생 속도옵션 개수 조절
9. 관련 코드 최적화 (너무 많은 echo '';를 사용하는 것을 줄여 관리에 용이, 속도 미약하게나마 증가), 코드 압축
10. 동영상 왼쪽 오른쪽 더블클릭으로 5초 건너뛰기 적용
11. 일반 이용자들의 동영상 다운로드 방지 구현
12. 전체화면 구현 (셀프 수정 필요) (크롬, safari 등에서 지원, 지원하지 않는 브라우저는 안내 메시지 뜸)
13. 썸네일 추가 기능
14. 자막 추가기능 (dsclub에서 자막 생성 무료 서비스 제공)
15. 첨부 동영상, 썸네일 미리보기 기능 추가
16. 코드 최적화(압축) 및 반응성 개선, 코드가 앞축되지 않은 상태에서도 기존의 v_basic5또는 v_basic6보다 속도 크게 향상
17. 각 업로드 항목 별 안내 메시지 추가
18. 디자인 개선

프리뷰(동영상 ui에 한하여 실행되는 모습): https://dsclub.kr/videon/1

사용법(기존과 동일):

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

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

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

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

게시물 파일 업로드 가능 개수를 3개로 설정

업로드하는 영상은 mp4형식을 권장합니다.(용량 최적화에 유리)

자막은 아래의 링크를 통해 생성하실 수 있습니다.

https://dsclub.kr/vtt/ 

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

참고:

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

*임시로 10초 전, 10초 후 버튼을 따로 첨부한 버전을 추가로 첨부합니다 (v_basic7_2.zip)