离线(CD,拇指驱动器等)否 - 安装HTML +视频演示?

时间:2010-12-13 18:58:42

标签: javascript html video flash offline

我们公司希望将一些营销/培训内容放到USB拇指驱动器上,以便分发给我们的客户。

内容是HTML +一些嵌入式视频。视频(目前为.flv)不是交互式的或类似的,尽管它们对内容很重要。棘手的是,HTML包含需要在视频完成时运行的Javascript。

我们首先想到的是使用像Jwplayer这样的Flash视频包装解决方案。这在文件时工作正常 托管在Web服务器上。但是,由于Flash的安全策略local (e.g. "file://foo.js") Javascript code cannot receive callbacks from Flash objects。此外,当本地Web文件包含Flash等ActiveX对象时,Internet Explorer用户会收到令人讨厌的安全警告(因为它们应该很好!)。

想法?

理想情况下,我们希望尽可能跨浏览器和跨平台,而无需用户安装任何东西。但我们不能保证他们 能够或愿意使用安全设置,我们无法保证他们也会拥有支持HTML5视频的浏览器。

似乎默认的行业方式是简单地将内容打包成独立的Flash Player可执行文件。想知道是否可以这样做,最好是用网络标准。

Titanium Appcelerator Desktop即将完美,但桌面版不支持视频!

4 个答案:

答案 0 :(得分:5)

行。这是我们要采用的解决方案。

但首先,这是我们使用的内容。我查看了Appcelerator Titanium,它承诺允许使用WebKit渲染引擎,使用HTML5 + CSS构建跨平台桌面应用程序。他们有一个桌面版,但它几乎被忽视了他们的移动版。至关重要的是,他们桌面版的Windows版本不支持我们需要的视频。这是一种奇怪的限制,但我不会因为专注于快速扩张的移动市场而将其击败。

所以,这就是我们的目标:Mozilla Firefox, Portable Edition。通过一些调整,可以很好地实现这一目的。

在这个例子中,我们假装我们正在为Acme Awesome Products做一个营销演示。

  1. 重命名文件。在Portable Firefox安装中,将 FirefoxPortable / App / Firefox / firefox.exe 重命名为 FirefoxPortable / App / Firefox / Acme.exe < / em>,将 FirefoxPortable / App / Firefox 目录重命名为 FirefoxPortable / App / Acme ,最后将 FirefoxPortable / PortableFirefox.exe 重命名为< EM> FirefoxPortable / Acme.exe 。 (请参阅下面的screencap中的资源管理器)
  2. INI Tweak。 FirefoxPortable / App / DefaultData / Settings / FirefoxPortableSettings.ini 复制到 FirefoxPortable / FirefoxPortableSettings.ini ,然后进行调整如下面的截图所示。这将使应用程序以所需的窗口大小启动,没有Firefox便携式启动画面,以及我们选择的起始页面。您还需要更改此处的一些路径,以告诉它在哪里找到我们在步骤#1中更改了位置的文件。 (见下面screencap中的编辑窗口)
  3. 隐藏Firefox应用文件结构。出于审美原因,您可能需要右键单击 FirefoxPortable / 中的所有文件和文件夹并隐藏它们,但的 Acme.exe 即可。
  4. 更改标题栏。启动Acme.exe。安装"Customize Titlebar" extension或类似的东西。使用它将Portable Firefox的文本更改为您喜欢的任何内容。 (或者,您可以编辑 /FirefoxPortable/App/Acme/chrome/en-US.jar 。打开.jar,您将看到 locale / branding / brand.dtd )重新启动Acme.exe以查看标题栏的更改。
  5. 关闭Chrome浏览器。进入Portable Firefox的“查看”菜单并关闭所有Chrome - 导航栏,书签栏,状态栏等。请记住,您可以点击“alt” “键盘上的键可以恢复菜单栏,最终用户也可以。 (或者,Firefox有几种“kiosk”样式扩展,可以将应用程序锁定得更远。但就我的目的而言,我并不在乎。)
  6. 更改应用程序图标。使用IcoFx(优秀且免费)等程序更改 FirefoxPortable / App / Acme / Acme.exe 的图标。注意:IANAL,但我相信您实际上必须从Firefox中删除官方Mozilla品牌,例如Firefox徽标,然后重新分发它。
  7. Screenshot of the final app

    此时,您有一些与本机应用程序无法区分的东西。显然,有创造力的用户可以在应用程序的目录结构中巅峰,看到您正在使用Firefox,并且所有Firefox的键盘快捷键仍然处于活动状态。如果这对您来说是一个问题,Firefox的“kiosk”式扩展确实存在,其中一些是相当防弹的,虽然我没有测试过它们,所以我不会在这里链接到它们。对我来说,这不是一个问题。

    这种方法有很大的改进空间。我想探索的未来事情是

    1. 各种配置调整以加快加载时间
    2. autorun.inf自动启动Acme.exe
    3. 当然是OSX和Linux版本。
    4. 禁用Portable Firefox键盘快捷键的方法。 (什么是最好的方法?.ini / about:config tweaks?Extension?.ini / about:config tweaks应该更快)
    5. 了解如何更改 /FirefoxPortable/Acme.exe 的图标。根据{{​​3}},可能需要重新编译,与大多数.exe文件不同。

答案 1 :(得分:1)

了解Microsoft HTA的HTML应用程序。它们是根据您的目的专门设计的,甚至可以设置为媒体插入的自动运行目标。您无需更改标记或html结构 - 只需添加&lt; HTA:Application&gt;标记到任何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

Adob​​e AIR

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

答案 2 :(得分:0)

如果这只是营销/培训内容,为什么不将它嵌入到仍然可以拥有视频的PowerPoint文件中?

答案 3 :(得分:0)

我正在开展一个类似的项目。我也使用FF便携式,但对速度不满意。我发现了另一个与Mac和Linux兼容的小型浏览器。您需要首先将单个.exe复制到可写磁盘以编辑设置,并让它创建必要的缓存和设置文件夹(关闭浏览器中的任何写入设置以避免错误),然后您可以将其刻录到CD。

到目前为止工作得很好!

QT Web Browser