[javascript] Video.js를 사용하여 동영상 재생 중에 플레이어에 현재 재생 중인 타임라인에 표시하는 방법은 어떻게 되나요?

먼저, Video.js 플레이어를 초기화하고 영상을 로드해야 합니다. 다음은 초기화하는 예시 코드입니다.

<video id="my-video" class="video-js" controls>
    <source src="video.mp4" type="video/mp4">
</video>

<script>
    var player = videojs('my-video');
</script>

이제 timeupdate 이벤트를 사용하여 현재 재생 중인 타임라인을 표시할 수 있습니다. timeupdate 이벤트는 재생 시간이 변경될 때마다 발생합니다. 이 이벤트에서 현재 재생 중인 시간을 가져와 플레이어에 표시할 수 있습니다.

player.on('timeupdate', function() {
  var currentTime = player.currentTime();
  // 플레이어에 현재 재생 중인 시간 표시
  console.log(currentTime);
});

위의 코드에서는 player.currentTime()을 사용하여 현재 재생 중인 시간을 가져옵니다. 이를 통해 디버깅 콘솔에 현재 재생 중인 시간이 표시됩니다.

이제 시간을 표시하는 방식은 사용자의 필요에 따라 다양하게 변경할 수 있습니다. 예를 들어, 텍스트 또는 프로그레스 바로 표시하는 등의 방법을 사용할 수 있습니다.

더 자세한 내용은 Video.js 공식 문서를 참조하시면 도움이 될 것입니다.