비디오 관련 js

hrj2233·2021년 11월 22일
0

비디오 재생시간 만들기.

Date()는 표준시에서 한국시간 9시간 더한거.

const formatTime = (seconds) =>
// substr은 11번째 부터 8글자 자르기.
  new Date(seconds * 1000).toISOString().substr(11, 8);

const handleLoadedMetadata = () => {
  totalTime.innerText = formatTime(Math.floor(video.duration));
};

const handleTimeUpdate = () => {
  currenTime.innerText = formatTime(Math.floor(video.currentTime));
};

if (video.readyState == 4) {
  handleLoadedMetadata();
}

playBtn.addEventListener('click', handlePlayClick);
muteBtn.addEventListener('click', handleMuteClick);
volumeRange.addEventListener('input', handleVolumeChange);
video.addEventListener('loadedmetadata', handleLoadedMetadata);
video.addEventListener('timeupdate', handleTimeUpdate);

0개의 댓글