Scrubbing HTML5 video

Я искал решение, с помощью которого я мог бы "перебирать" HTML5-видео. Я еще не нашел такого решения и собирался начать писать свое собственное. Но прежде чем это сделать, я подумал, что было бы разумно сначала проверить его в SO.

Прежде чем перейти к моему подходу, посмотрите вот это:

http://www.kokokaka.com/demo/bluebell_ss10/site

Этот сайт, конечно, построен на Flash, но служит примером того, чего я хотел бы достичь, используя HTML5.

Я экспериментировал с атрибутом playbackRate (-1) в теге video без особого успеха. Я подозреваю, что это потому, что кодировки (ogg, mp4, vp8) лучше подходят для воспроизведения вперед.

В связи с этим я вижу два возможных подхода:

  1. создать два видео, одно для воспроизведения вперед, другое для воспроизведения назад. Это, конечно, удваивает размер любого видео, что не идеально.

  2. разбить видео на отдельные jpg-кадры и поменять их местами. Это означает отсутствие звука, но для моего конкретного приложения это не проблема.

Мне кажется, что второй вариант лучше всего подходит для моего конкретного приложения и обеспечивает некоторую гибкость при воспроизведении. Что вы думаете?

9
задан Casey Yee 18 November 2011 в 22:44
поделиться