Не в сети (CD, флэш-накопитель и т. Д.). Не устанавливать HTML + видео презентация?

Question

Наша компания хотела бы разместить некоторые маркетинговые / обучающие материалы на флэш-накопителях USB для распространения среди наших клиентов.

Содержимое HTML + некоторые встроенные видео. Видео (в настоящее время .flv) не являются интерактивными или чем-то подобным, хотя они важны для контента. Сложность в том, что HTML-код содержит Javascript, который должен быть запущен после завершения видео.

Нашей первой мыслью было использование решения для упаковки видео Flash, например Jwplayer . Это прекрасно работает, когда файлы размещены на веб-сервере. Однако из-за политик безопасности Flash, local (например, «file: //foo.js») код Javascript не может получать обратные вызовы от объектов Flash . Кроме того, пользователи Internet Explorer получают неприятные предупреждения безопасности (как они, черт побери, должны!), Когда локальные веб-файлы содержат объекты ActiveX, такие как Flash.

Идеи?

В идеале мы бы хотели быть кросс-браузерными и как можно кроссплатформенными, не требуя от пользователей установки чего-либо. Но мы не можем гарантировать, что они Вы сможете или захотите изменить настройки безопасности, и мы не можем гарантировать, что у них будет браузер с поддержкой HTML5-видео.

Похоже, что стандартный способ сделать это - просто упаковать вещи в автономный исполняемый файл Flash Player. Интересно, можно ли это сделать иначе, желательно с веб-стандартами.

Titanium Appcelerator Desktop был бы близок к идеальному, хотя настольная версия не поддерживает видео!

Answer 1

OK. Вот решение, с которым мы идем.

Но сначала, вот что мы не используем. Я посмотрел на Appcelerator Titanium , который обещает разрешить кроссплатформенные настольные приложения, созданные с использованием HTML5 + CSS, с использованием механизма рендеринга WebKit. У них есть настольное издание, но им в значительной степени пренебрегают в пользу их мобильного издания. Важно отметить, что версия Windows для их настольной версии не поддерживает видео, которое нам нужно. Вроде странное ограничение, но я не собираюсь выбивать их из-за того, что они сосредоточены на быстро растущем мобильном рынке.

Итак, вот что мы собираемся сделать: Mozilla Firefox, Portable Edition . Прекрасно работает для этой цели с несколькими настройками.

В этом примере мы представим, что делаем маркетинговую презентацию для Acme Awesome Products.

1. Переименование файлов. В установке Portable Firefox переименуйте FirefoxPortable / App / Firefox / firefox.exe в FirefoxPortable / App / Firefox / Acme.exe переименуйте каталог FirefoxPortable / App / Firefox в FirefoxPortable / App / Acme и, наконец, переименуйте FirefoxPortable / PortableFirefox.exe в FirefoxPortable / Acme. ехе . (см. Explorer в скриншоте ниже)
2. INI Tweak. Скопируйте FirefoxPortable / App / DefaultData / Settings / FirefoxPortableSettings.ini в FirefoxPortable / FirefoxPortableSettings.ini и внесите изменения, показанные в скриншот ниже. Это заставит приложение запускаться с желаемым размером окна, без заставки Firefox Portable и со стартовой страницей по нашему выбору. Вам также необходимо изменить некоторые пути здесь, чтобы указать, где искать файлы, расположение которых мы изменили на шаге № 1. (См. Окно редактора в скриншоте ниже)
3. Скрыть файловую структуру приложения Firefox. По эстетическим соображениям вы можете щелкнуть правой кнопкой мыши все файлы и папки в FirefoxPortable / и скрыть их, кроме * 1044. * Acme.exe .
4. Изменить заголовок. Запустить Acme.exe. Установите расширение "Customize Titlebar" или что-то подобное. Используйте это, чтобы изменить текст Portable Firefox на что угодно. (Кроме того, вы можете отредактировать / FirefoxPortable / App / Acme / chrome / en-US.jar . Откройте .jar, и вы увидите locale / branding / brand.dtd ) Перезапустите Acme.exe, чтобы увидеть изменения заголовка.
5. Отключить Chrome окна. Зайдите в меню просмотра Portable Firefox и отключите весь хром - панель навигации, панель закладок, строку состояния и т. Д. Имейте в виду, что вы можете нажать «alt» нажмите на клавиатуре, чтобы вернуть строку меню, и ваши конечные пользователи тоже могут. (С другой стороны, есть несколько расширений в стиле «киоска» для Firefox, которые будут блокировать приложение дальше. Но для моих целей мне было все равно.)
6. Изменить значок приложения. Используйте программу типа IcoFx (отлично и бесплатно), чтобы изменить значок для FirefoxPortable / App / Acme / Acme.exe, Примечание: IANAL, но я полагаю, что вы на самом деле должны удалить официальный бренд Mozilla, такой как логотип Firefox, из Firefox, прежде чем распространять его.

На данный момент у вас есть нечто совершенно неотличимое от нативного приложения. Очевидно, что изобретательный пользователь может просматривать структуру каталогов вашего приложения и видеть, что вы используете Firefox, и все сочетания клавиш Firefox по-прежнему активны. Если это проблема для вас, расширения для киоска в Firefox существуют, некоторые из них довольно пуленепробиваемые, хотя я не проверял ни одного из них, поэтому не буду ссылаться на них здесь. Опять же, для меня это не было проблемой.

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

1. Различные настройки для ускорения загрузки
2. Autorun.inf для автоматического запуска Acme.exe
3. Конечно версии OSX и Linux.
4. Способ отключения сочетаний клавиш Portable Firefox. (Какой лучший способ? .Ini / about: настройка настроек? Расширение? .Ini / about: настройка должна быть быстрее)
5. Узнайте, как изменить значок для / FirefoxPortable / Acme.exe . Согласно это может потребоваться перекомпиляция, в отличие от большинства файлов .exe.

Answer 2

Посмотрите на Microsoft HTA's - Приложения HTML. Они были специально разработаны с учетом ваших целей и даже могут быть настроены в качестве цели автоматического запуска при вставке носителя. Вам не нужно менять разметку или структуру html - просто добавьте тег в любой html-файл, переименуйте его в .hta, и затем вы сможете ссылаться на путь к файлу, как если бы он был таким: он будет использовать авторизованные права пользователя для доступа к файловой системе без предупреждения.

Если вам нужна кроссплатформенная совместимость, тогда я рекомендую изучить Adobe AIR - похожую концепцию, но с большей разметкой, чтобы запустить ее.

Ссылки:

HTA в

http://msdn.microsoft.com/en-us/library/ms536496(v=vs.85).aspx http://en.wikipedia.org/wiki/HTML_Application

Adobe AIR

http://www.adobe.com/products/air/

Answer 3

Я работаю над аналогичным проектом. Я тоже ездил с FF portable, но не был доволен скоростью. Я нашел этот другой крошечный, совместимый с Mac и Linux браузер. Вам необходимо сначала скопировать один .exe-файл на записываемый диск, чтобы отредактировать настройки и создать для него необходимые папки с кешем и настройками (отключите все настройки записи в браузере, чтобы избежать ошибок), затем вы можете записать его на CD.

Пока отлично работает!

QT Web Browser

Answer 4

Если это просто маркетинговый / обучающий контент, почему бы вам не встроить его в файл PowerPoint, где у вас еще есть видео?