【HTML5】動画再生時間（経過時間）を取得してリスト作成

Question

HTML5で<video>タグを使って動画再生をしているのですが、ストップウォッチのように動画の再生時間を計測して取得したいのですが何か良い方法はございますでしょうか？
知識不足で、、何を調べたら良いのか。今後カスタマイズの可能性もあり、アイデアを頂けると幸いです。

＜使用例＞様々な鳥が飛んでいるシーンをカウントする。動画には様々な途切れること無く鳥が飛んでいるシーンが含まれてます。

同ページ上の動画を再生して鳥Aが飛んでいたらボタンを押して開始タイムスタンプ　※0:00:00となるように
鳥Aの飛んでいるシーン（0:00:25）が終わったら"鳥A"とメモをしてボタンを押して終了スタンプ
↓
続いて鳥Bが飛んでいたので前終了ポイントを継承して開始ポイントに、鳥Bの飛んでいるシーンが終わった（0:00:32）ので"鳥B"とメモをしてボタンを押して終了スタンプ
↓
以降同様の処理を永遠にスタンプを打ちます。
表題の用にvideoタグで再生されている動画のタイムを利用してリストを作りたいのです。

最終的に以下のようなcsv出力を考えてます。

鳥A 0:00:00 0:00:25
鳥B 0:00:25 0:00:32
鳥C 0:00:32 0:00:42

説明ベタですみません。宜しくお願いします。

Answer 1

現在の再生時間が取得できるようです。

• [HTMLMediaElement.currentTime

](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime)

ボタンクリック時にこのcurrentTimeを取得して配列にでも保管しておけばできそうには思います。
メモ自体はpromptなりinputなりで出来ますし。

currentTime使用例：再生時間と長さ

Comments

[whowhat]

ありがとうございます！先ずは調べてみます！

[whowhat]

ホント知らないことだらけでびっくりです！ありがとうございます。解決できそうです！

[m.ts10806]

私も知っていたわけではないですが、「今の再生時間が分かればなんとかなりそう」という仮説のもとそれなりのキーワードで検索かけたら出てきたので、あとは仮説をそのまま回答にしました。
ヒントになったようでなによりです。

[whowhat]

まだ課題は残ってますが、やりたいことに大きく近づけました！本当にありがとうございます！

[m.ts10806]

解決の糸口になったようで何よりです