HTML5 비디오태그에서 버퍼링상태를 알수 있을까?

저는 JSP 개발자 입니다. 자바를 기반으로 한 웹 서비스를 하죠.. 다른 일을 하는 사람들은 모르겟지만.... jsp 를 서비스

하려면 여러가지 데이터베이스는 물론 서버리눅스, 자바스크립트 제이쿼리 상응하는 프레임워크 여러가지를 알아야 합니다.  물론.... 깊~~숙히 알진 못하죠 얇고 길~~게 입니다. 블로그에 있는 카테고리 들은.. 제가 프로젝트를 진행 하면서 다룬 일들 입니다.

요즘엔 모바일 호환성 웹호환성 등등 이슈때문에 HTML5에 대해서 파기 시작했습니다.

제가 필요한건 제목과 같습니다... 과연... 재생중인 비디오의 버퍼링 여부를 알수 있을까....

우선 구글에 "HTML5 버퍼링" 이라고 검색했습니다.

역시나 여러가지가 나오지만 이중.... 필이 빡! 꽂히는 글 한 3개만 훑어 보기로 했습니다.

나온것 같습니다. ;; 이게 맞을까는 해봐야 알겟지만 지금은 조사 단계라....

API 를 살펴본 결과 ... 

.... 이렇게 쉽게 끝날리 없는데 이게 맞는 것 같기도 하고..... 뭔가 불안....다음 페이지를 열어보기로 하고 일단 이건 북마크에 등록 합니다.

뭔가 필이 빡! 꽂히는 페이지입니다. 제목이....영어긴 한데 두렵지 않아요 .. 읽지 못해도 두려워 해선 안됩니다.

대충 아는 단어를 보자면 어떻게 찾냐는 뜻같네요 HTML5 비디오에 정지와버퍼링을 ... 맞는 것같죠?

어찌됫건가에 스택오버플엔 나같은 수준의 사람들도 질문을 많이하고 답변도 많은 곳이니 영어라고 두려워 말고 뒤져 본다면 대충 정보까진 못가도 실마리를 찾을수 있습니다.

들어가보죠.

I'm trying to test whether a video is choppy. I have noticed that the pause

event is not triggered when the video pauses for buffering. What is the best way to detect whether the video has paused for buffering?

뭐...제목과 같은 질문을 했어요. 비슷한 단어가 많죠? 저도 ... 해석은 다 못해요 핵심만 알아 차릴뿐...

답변단 능력자들도 많습니다.정 어려우면 저는 크롬을 주로 사용하는데 한국어로 어설픈 번역 서비스가 있는데 그걸로 영어 문단의 흐름은 파악할수 있습니다.

제일 첫번째 답변의 소스를 살펴 보겟습니다. 정말 유능한 개발자가 달아준 답변인가봐요.. 주석까지 친절하게

var checkInterval = 50.0 var lastPlayPos = 0 var currentPlayPos = 0 var bufferingDetected = false var player = document.getElementById('videoPlayer') setInterval(checkBuffering, checkInterval) function checkBuffering() { currentPlayPos = player.currentTime // checking offset, e.g. 1 / 50ms = 0.02 var offset = 1 / checkInterval // if no buffering is currently detected, // and the position does not seem to increase // and the player isn't manually paused... if ( !bufferingDetected && currentPlayPos < (lastPlayPos + offset) && !player.paused ) { console.log("buffering") bufferingDetected = true } // if we were buffering but the player has advanced, // then there is no buffering if ( bufferingDetected && currentPlayPos > (lastPlayPos + offset) && !player.paused ) { console.log("not buffering anymore") bufferingDetected = false } lastPlayPos = currentPlayPos }

setInterval 이라는 함수가 있는걸로 봐서 주기적으로 checkBuffering 이라는 함수를 부르는 모양이네요

그 함수에는 두개의 if 문이 있습니다. 

첫번째 if의 조건은 bufferingDetected이 false 이고, currentPlayPos 가 lastPlayPos + offset 보다 작고, 일시중지가 아닐때 즉, 버퍼링 중이라고 하네요

offset은 뭘까.... 1 / 50ms 주석에는 50ms가 0.02라고 했는데... 제가 아무리 봐도 ... 0.05가 나오는데 오타인가??제가 잘못알고 있는건지... 아시는 분은 댓글좀 부탁드려요 .. 여튼 

아래 if 조건은 버퍼링이지만 전진 되는 경우 입니다. 

 이 스크립트는 즉, 버퍼링이 되면서 플레이어가 재생 되고 있는지 재상이 멈췃는지를 판단하여 사용자의 정지 버튼으로 화면이 멈춘것이 아닌 버퍼링으로 멈춤여부를 알아내내요 제가 원하는 것과 일치 합니다.

이 2개의 페이지로 제가 원하는 걸 찾은것은 정말 행운입니다.

저 위에 제시된 API 부터 사용 해본 후, 아래 스크립트를 적용해보는 것까지 검토해 봐야겠습니다.

유익한 시간이었습니다.