Создавайте интерактивные видеоролики в iPad - приложение для демонстрации продукта

Question

Я хотел бы создать видео, которое должно быть запущено в собственном приложении для iPad. Приложение должно показывать демонстрацию продукта через iPad. Он также должен быть интерактивным. Я знаю, что мы можем сделать это во Flash, так как Flash не поддерживается в iPad. Какие у меня варианты?

Я ценю любые рекомендации или подсказки. Заранее спасибо

Answer 1

Самый простой способ создания интерактивных видеороликов для iOS - использовать технологию Apple HTTP Live Streaming . Вам нужно создать видео, вставлять метаданные , воспроизвести его, используя MPMoviePlayerController или AVPlayerItem, а затем отобразить области, реагирующие на нажатия, в ответ на уведомления метаданных.

Метаданные должны содержать координаты отслеживаемого элемента, например, платье и идентификатор товара. Вы накладываете эту информацию на кликабельное подпредставление, которое раскрывает дополнительную информацию о продукте. В iTunes есть несколько приложений такого рода, вот one .

После того, как вы получите рабочий продукт и недельные видеоролики, самое сложное - это отслеживать движение с минимальным взаимодействием с человеком. Одним из подходов является использование Adobe After Effects, а другим - кодирование собственного решения на основе OpenCV.

Answer 2

Хотя на ipad не будет работать flash, вы можете создавать приложения для него с помощью flash cs5.

Answer 3

Некоторые идеи:

Вы можете использовать MPMoviePlayerController без элементов управления в цикле.

Вот решение, которое я подумал об использовании интерактивного HTML-всплывающего окна над видео:

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

Ваш пользовательский класс может выглядеть примерно так:

@interface InteractivePopover : NSObject
{
    NSString *snippetTitle;
    NSString *htmlData; // could include links etc.
    CGPoint popoverDisplayPoint;
    // other styling attributes etc.
}

Теперь, когдапользователь нажимает на видео, приостанавливает его в следующей «интерактивной» точке (ищет следующую клавишу после текущего времени воспроизведения) и отображает (анимирует на) все всплывающие окна, которые вы установили ранее, чтобы показать разные частиproduct.

Этот класс может быть вашим хранилищем данных, затем вы создаете другой класс для обработки отображения, анимации, управления, определения размера (и т. д.) этих интерактивных всплывающих окон.Это создаст UIWebView для HTML.Он также будет контролировать направление и указание исходной точки вашего всплывающего окна.

Это явно очень расширяемый вариант, поскольку вы можете помещать изображения, встроенный контент и т. Д. В HTML для этих интерактивных всплывающих окон.

Во всяком случае, так я бы это сделал.