Video Duration and Time Formatting

1. Loaded meta data event

 - 메타데이터는 비디오를 제외한 모든것을 말함

   - 비디오의 시간이나 비디오의 크기 같은 것들

 - handleLoadedMetaData 함수에서는 event로 아무것도 하지 않고 있음

   - 하지만 총시간에 video.duration을 넣는 이유는 이 함수가 호출해서 비디오의 길이를 알 수 있기 때문

   - 즉 함수가 실행되기 전에는 우린 비디오의 총 시간을 알 수가 없음

 - 이제 재생되고 있는 시간은 1초마다 계속 새로고침 되어야함

   - 기존 비디오 플레이어의 재생 바를 클릭해도 새로고침이 되어야함

   - 영상이 얼마나 진행되었냐에 따라 시간도 따라가야함

 - 우린 timeupdate 이벤트를 사용함

 

2. Time Formatting

 - data constructor를 이용하여 자바스크립트로 약간의 꼼수를 배워볼거임

 - data constructor는 자바스크립트 안에 있는 data class를 말함

   - 예로 Date()를 쓰면 현재 시간을 알려주는데, 하지만 new Date() 안에 인자를 넣으면 return 값이 달라짐

   - 컴퓨터는 1970년 1월 1일부터 날짜를 세기 시작하는데, new Date() 안에 넣을 인자는 1970년 1월 1일부터로 한 밀리초가 됨

   - 하지만 우리는 한국시간이 계산되므로 1970년 1월 1일 9시부터 시작함

 - 여기에 toISOString을 사용하면 한국시간을 기준으로 하지 않고 1970년 1월 1일 0시부터 시작하는데, 이걸 이용하여 영상의 재생시간을 나타낼거임

 - 거기에 substr을 사용하여 시간 부분만 잘라낼거임