создание объекта js movieclip, содержащего видео mp4 в анимации движения, не работает с вызовами gotoAndPlay

Question

У меня есть некоторый код, который использовал CreateJS / EaselJS для создания MovieClip, который содержит Tween, который содержит видео в формате mp4. В MovieClip есть метод gotoAndPlay, который можно использовать для изменения позиции временной шкалы точки воспроизведения на определенный номер кадра. При использовании этого метода для изменения позиции воспроизведения видео работают подростки, но не анимация, содержащая фильм в формате mp4 ... этот объект не загружается, что приводит к пустому тегу видео на странице, за исключением первого сквозного воспроизведения клип. После воспроизведения видео в формате mp4 оно не воспроизводится снова, если для него была задана позиция с помощью gotoAndPlay ... есть идеи, как это исправить или что-то не так может случиться?

Answer 1

В анимациях ActionScript фильмы FLV могут быть привязаны к временной шкале. Но в анимации HTML Canvas фильмы MP4 на самом деле не являются полноценными объектами «Animate». По большей части они выглядят одинаково, но интеграция не такая тесная, как во Flash.

Поскольку видео существуют за пределами Canvas, вам нужно использовать jQuery или JavaScript для их решения. Это можно сделать с помощью фрагментов кода в папке HTML5 Canvas - Компоненты - Видео.

В качестве предварительного предупреждения "поиск" в разных местах видео MP4, как вы описали, не так надежен, как во Flash. Браузеры, такие как Internet Explorer, плохо справляются с поиском и могут привести к сбою. Если важна покадровая точность, вы можете получить наилучшие визуальные результаты, избегая компонента видео и конвертируя фильм в реальный MovieClip в Animate CC, что значительно увеличит размер файла.