What's new
VPE 1.1.3 Ver가 업데이트 되었습니다.
Open main menu
상품소개
개발가이드
예제코드
블로그
VPE 콘솔
→
목차보기
VPE release
민간 v1.1.3
공공 v1.1.3
예제코드
VPE Player SDK 기본 코드
One Click Multi DRM 재생
교육 전용 모드 (DRM 및 진도율 보고)
VOD Station ABR URL 변환툴
플레이어 버튼 커스터마이징
커스텀 버튼 예제
채팅UI 토글 예제
기본 버튼 오버라이드 예제(PIP 커스텀)
스크롤에 반응하는 플로팅 플레이어
에러 오버라이드
VPE 옵션 활용
HLS.js 옵션 적용으로 ABR 알고리즘 변경
VPE
예제코드
교육 전용 모드 (DRM 및 진도율 보고)
플레이어 교육 전용 모드
영상의 스킵 기능을 막고 진도율을 체크하는 예제 입니다.
플레이어
동영상을 재생할 수 없습니다.
주요채팅
진도율 : 0%
DRM :
No DRM
적용중 / 5초마다 LMS서버에 보고중
적용된 옵션
DRM 적용
동영상 구간 이동 비활성화
수강자 워터마크 적용
브라우저 비활성시 재생 자동 중지
적용된 이벤트
ready : 플레이어 준비가 완료되었는지 확인
timeupdate : 진도율 보고 및 모니터링
중요 사항 체크
텍스트 워터 마크는 VPE 콘솔에서 사용함을 반드시 체크해야합니다.
텍스트 워터 마크는 화면을 휴대폰으로 촬영하여 녹화할때 촬영자의 계정을 표시하기 위함입니다.
임의로 제거할 경우 재생은 즉시 중단됩니다.
시청자가 누구인지 인지 할 수 있도록 [사용자 아이디 + 사이트 주소] 형식의 워터마크 텍스트를 추천합니다.
CDN 방식 코드
index.js#demo/edu/js,index.html#demo/edu/html,style.css#demo/edu/css
Vue3 (Nuxt.js + Tailwindcss)
app.vue#demo/edu/vue
React (Next.js + Tailwindcss)
player.tsx#demo/edu/react