popcorn.js время начала и остановки

Question

Только что начал смотреть на popcorn.js, но с некоторыми проблемами.

У меня есть 30-секундный трек,

однако я хотел бы файл, чтобы начать воспроизведение с 2-х секунд в, и прекратить играть за 3 секунды до конца.

Кто-нибудь знает, возможно ли это, поскольку я не мог найти его в документации?

Либо это, либо есть команда для перехода к точке на временной шкале, так что почти как

pop.playAt('2 second'); 

что-то подобное?

Благодаря

Answer 1

Там находятся два простых шага здесь: 1) заблаговременное видео на две секунды в 2) Убедитесь, что он останавливается на 27 секунд (30 - 3)

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

var popcorn = Popcorn('#video'); 
if (popcorn.duration()) { 
    popcorn.currentTime(2); 
} else { 
    popcorn.on('loadedmetadata', function() { 
    popcorn.currentTime(2); 
    } 
} 

Теперь, чтобы убедиться, видео останавливается на 27 секунд, вы можете использовать метод «cue», который занимает несколько секунд, и функция обратного вызова для этого в то время.

popcorn.cue(27, function() { 
    popcorn.pause(); 
}); 

Теперь, по умолчанию, Popcorn генерирует события, когда он получает «timeupdate» событие из видео, которое, как правило, каждый второй 1/4 (250мс). Таким образом, вы можете увидеть, как видео длится несколько кадров. (например, он может остановиться на 27,1 секунды). Если вам нужна более высокая точность, используйте параметр frameAnimation, который позволяет попкорну обновить до 60 кадров в секунду (каждые 16 мс).

var popcorn = Popcorn('#video', { 
    frameAnimation: true 
}); 

Вы также можете сэкономить время загрузки, говоря браузер только попросить веб-сервер для части видео вам нужно, с помощью добавления подсказки в виде якоря в URL.

http://example.com/videos/myvideo.webm#t=2,27 

Это зависит от поддержки браузера и веб-сервера, но это не может повредить.

Редактировать: На самом деле, не используйте frameAnimation здесь. Проблема в том, что он использует requestAnimationFrame, и вы не можете гарантировать, что он будет вызываться, если ваша вкладка браузера не видна. Это имеет смысл для анимации, но не здесь. Я, вероятно, предложу исправление для этого в popcorn.js.