Полная предварительная загрузка HTML5-видео в javascript

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

Я пытаюсь предварительно загрузить все это перед воспроизведением, так как я не могу остановить видео, буферизовать и продолжить. Есть ли событие, которое я могу прослушать, которое означает, что все видео было предварительно загружено до того, как я начну воспроизведение?

Вот как я это делаю в JS/jQuery:

this.canvas            = this.el.find("canvas")[0];
this.video             = this.el.find("video")[0];
this.ctx               = this.canvas.getContext("2d");
this.video.autoplay    = false;

this.video.addEventListener("play",this.draw)
this.video.addEventListener("timeupdate",this.draw)
this.video.addeventlistener("ended",this.trigger("complete",this))
9
задан Alex 8 March 2012 в 10:55
поделиться