質問: HTML5でタグを使って動画再生をしているのですが、ストップウォッチのように動画の再生時間を計測して取得したいのですが何か良い方法はございますでしょうか? 知識不足で、、何を調べたら良いのか。今後カスタマイズの可能性もあり、アイデアを頂けると幸いです。 **<使用例>様々な鳥が飛んでいるシーンをカウントする。動画には様々な途切れること無く鳥が飛んでいるシーンが含まれてます。** 同ページ上の動画を再生して鳥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 説明ベタですみません。宜しくお願いします。
回答: 現在の再生時間が取得できるようです。 * HTMLMediaElement.currentTime ボタンクリック時にこのcurrentTimeを取得して配列にでも保管しておけばできそうには思います。 メモ自体はpromptなりinputなりで出来ますし。 currentTime使用例:再生時間と長さ