Вопросы об аудио HTML5

Question

<audio src="http://upload.wikimedia.org/wikipedia/commons/8/82/Riddle_song.ogg"></audio>

<ul id="lyrics">
    <li>line 1</li>
    <li>line 2</li>
    <li>line 3</li>
    <li>and so on...</li>
</ul><!-- end #lyrics -->

Итак, я хочу:

1. Подсветка (изменение цвета или фона) воспроизводимой линии.
2. Сохранение текущего времени в файле cookie и возобновление при следующем посещении.

Я не уверен, возможно ли что-либо из этого в HTML5, но даже во Flash или другой технологии я хотел бы знать, возможно ли это и как это возможно. Я понимаю, # 2 требует слишком много, но # 1 действительно важен.

Так похоже на это: http://randallagordon.com/jaraoke/ но все строки видны, только текущая строка подсвечивается.

Большое спасибо за вашу помощь.

Answer 1

Я думаю, что # 2, вероятно, довольно просто, просто возьмите currentTime в соответствующий момент и сохраните его в файле cookie.

Если вам известно смещение времени в аудио, которое происходит в каждой строке, вы можете просто опросить currentTime внутри setTimeout и обновить выделенную строку соответствующим образом. Вы также можете быть заинтересованы в разработке WebSRT spec .