HTML5비디오 플레이어를 사용할 때 buffered속성은 비디오 버퍼의 범위를 가져오는 데 사용되며 이벤트 SourceBufferof는 onupdateend새 비디오 데이터가 버퍼에 추가되었음을 클라이언트에 알리는 데 사용됩니다. 이벤트가 발생 하고 onupdateend새 동영상 데이터가 버퍼에 추가되면 buffered속성의 값이 변경됩니다 .
이 이벤트의 콜백 함수에서 동영상의 현재 버퍼의 시간 범위는 buffered속성의 start및 값을 통해 얻을 수 있습니다. 의 값은 버퍼의 시작 시간을 나타내고 의 값은 버퍼의 종료 시간을 나타냅니다. 두 값 모두 초 단위입니다.endstartend
새로운 비디오 데이터가 버퍼에 추가됨에 따라 buffered새로 추가된 비디오 데이터를 포함하도록 의 범위가 확장됩니다. 특히, 이벤트를 사용하여 SourceBuffer.appendBuffer()버퍼에 데이터를 추가한 후 onupdateend버퍼에 있는 모든 데이터의 종료 시간으로 buffered.end 값이 업데이트됩니다.
값이 변경된 후 buffered비디오 플레이어는 이 값을 사용하여 재생 가능한 비디오 세그먼트 및 버퍼 크기를 결정하여 플레이어의 성능과 사용자 경험을 최적화할 수 있습니다.
비디오 데이터가 버퍼에 동적으로 추가되기 때문에 buffered값이 시간이 지남에 따라 변경될 수 있다는 점에 유의해야 합니다. 따라서 플레이어 구현 중에 이러한 값을 사용하여 진행률 표시줄 및 기타 UI 요소를 동적으로 업데이트하여 비디오의 현재 버퍼링 상태를 적시에 반영해야 합니다.