목차보기

플레이어 교육 전용 모드

영상의 스킵 기능을 막고 진도율을 체크하는 예제 입니다.


플레이어

진도율 : 0%
DRM : No DRM 적용중 / 5초마다 LMS서버에 보고중

적용된 옵션

  • DRM 적용
  • 동영상 구간 이동 비활성화
  • 수강자 워터마크 적용
  • 브라우저 비활성시 재생 자동 중지

적용된 이벤트

  • ready : 플레이어 준비가 완료되었는지 확인
  • timeupdate : 진도율 보고 및 모니터링

중요 사항 체크

텍스트 워터 마크는 VPE 콘솔에서 사용함을 반드시 체크해야합니다.

  • 텍스트 워터 마크는 화면을 휴대폰으로 촬영하여 녹화할때 촬영자의 계정을 표시하기 위함입니다.
  • 임의로 제거할 경우 재생은 즉시 중단됩니다.
  • 시청자가 누구인지 인지 할 수 있도록 [사용자 아이디 + 사이트 주소] 형식의 워터마크 텍스트를 추천합니다.

CDN 방식 코드


Vue3 (Nuxt.js + Tailwindcss)


React (Next.js + Tailwindcss)

ⓒ SGRSOFT. All Rights Reserved.