Автономный (CD, Thumb Drive и т.д.) Нет-Install HTML + Video Presentation?

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

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

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

Идеи?

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

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

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

ОТВЕТЫ

Ответ 1

OK. Здесь решение, с которым мы собираемся.

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

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

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

  • Переименовать файлы.. В установке Portable Firefox переименуйте FirefoxPortable/App/Firefox/firefox.exe в FirefoxPortable/App/Firefox/Acme.exe, переименуйте каталог FirefoxPortable/App/Firefox в FirefoxPortable/App/Acme и, наконец, переименуйте FirefoxPortable/PortableFirefox.exe в FirefoxPortable/Acme.exe. (см. "Проводник" в разделе "Скринкап" ниже).
  • INI Tweak. Скопируйте FirefoxPortable/App/DefaultData/Settings/FirefoxPortableSettings.ini в FirefoxPortable/FirefoxPortableSettings.ini и сделайте настройки, показанные на скриншоте ниже. Это запустит запуск приложения с желаемым размером окна, без экрана заставки Firefox Portable и с начальной страницей нашего выбора. Вам также нужно будет изменить некоторые из путей здесь, чтобы указать, где найти файлы, чьи местоположения мы изменили на шаге №1. (См. Окно редактора в screencap ниже)
  • Скрыть структуру файлов приложений Firefox.. По эстетическим соображениям вы можете щелкнуть правой кнопкой мыши по всем файлам и папкам в FirefoxPortable/и сделать их скрытыми, за исключением Acme.exe.
  • Изменить заголовок. Запустить Acme.exe. Установите "Настроить расширение заголовка" или что-то подобное. Используйте это, чтобы изменить переносимый текст Firefox в любое удобное для вас время. (Альтернативно, вы можете редактировать /FirefoxPortable/App/Acme/chrome/en -US.jar. Откройте .jar, и вы увидите locale/branding/brand.dtd) Перезапустите Acme.exe, чтобы увидеть изменения в заголовке.
  • Отключить окно Chrome. Перейдите в меню Portable Firefox View и отключите все хром - навигационную панель, панель закладок, строку состояния и т.д. Помните, что вы можете нажать "alt" "на клавиатуре, чтобы вернуть панель меню, и ваши конечные пользователи тоже могут. (В качестве альтернативы существует несколько расширений стиля" киоск" для Firefox, которые будут блокировать приложение дальше. Но для моих целей мне все равно.)
  • Изменить значок приложения. Использовать такую ​​программу, как IcoFx (отлично и бесплатно), чтобы изменить icon для FirefoxPortable/App/Acme/Acme.exe. Примечание: IANAL, но я считаю, что вы фактически должны удалить официальный бренд Mozilla, такой как логотип Firefox, из Firefox, прежде чем перераспределять его.

Screenshot of the final app

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

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

  • Различные настройки конфигурации для ускорения времени загрузки
  • Автозапуск automun.inf для автоматического запуска программы Acme.exe.
  • Конечно, версии OSX и Linux.
  • Способ отключить быстрые клавиши быстрого доступа к Firefox. (Какой лучший способ?.ini/about: config tweaks? Расширение?.ini/about: config tweaks должно быть быстрее)
  • Выясните, как изменить значок для /FirefoxPortable/Acme.exe. В соответствии с this может потребоваться повторная компиляция, в отличие от большинства .exe файлов.

Ответ 2

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

Если вам нужна кросс-платформенная совместимость, я рекомендую взглянуть на концепцию 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/

Ответ 3

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

Ответ 4

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

Отлично работает до сих пор!

QT Web Browser