Как отобразить метку времени видео в html5 из CSV-файла - PullRequest
Новая
       34

Как отобразить метку времени видео в html5 из CSV-файла

0 голосов
/ 24 июня 2019

Я получил CSV-файл, связанный с видео, и в нем есть два столбца (отметка времени / кадр # видео, наблюдаемый элемент во время этой отметки времени). 

#tsamp.csv
timestamp(frame number), item
0,
1,
2, toy
3, fish
4, toy
5, table
6,

Я могу воспроизвести видеофайл, используя этот код HTML5: - 

<!DOCTYPE html>
<html>

<head>
    <meta charset=utf-8 />
    <title>Video.js Example Embed</title>
    <link href="http://vjs.zencdn.net/4.6.1/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/4.6.1/video.js"></script>
</head>

<body>
    <h1>Video.js Example Embed</h1>
    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268"
        data-setup='{ "playbackRates": [0.5, 1, 1.5, 2, 4] }'>
        <source src="out.ogv" type='video/mp4'>
    </video>
    <script>
    </script>
</body>

</html>

Но я хочу, чтобы временная метка также отображалась под видео. Как я могу это сделать?

Кроме того, воспроизведение метки времени также должно синхронизироваться со скоростью воспроизведения видео, выбранной пользователем.

...