Javascript 脱机(CD、Thumb Drive等)不安装HTML+;视频演示?

Javascript 脱机(CD、Thumb Drive等)不安装HTML+;视频演示?,javascript,html,video,flash,offline,Javascript,Html,Video,Flash,Offline,我们公司希望将一些营销/培训内容放在USB拇指驱动器上,以分发给我们的客户 内容是HTML+一些嵌入式视频。这些视频(目前为.flv)不是交互式的或类似的,尽管它们对内容很重要。棘手的一点是,HTML包含Javascript,需要在视频结束时运行 我们的第一个想法是使用Flash视频包装解决方案,如。当文件被删除时,这可以正常工作 托管在web服务器上。但是,由于Flash的安全策略。此外,当本地web文件包含诸如Flash之类的ActiveX对象时,Internet Explorer用户会收到

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

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

我们的第一个想法是使用Flash视频包装解决方案,如。当文件被删除时,这可以正常工作 托管在web服务器上。但是,由于Flash的安全策略。此外,当本地web文件包含诸如Flash之类的ActiveX对象时,Internet Explorer用户会收到严重的安全警告(这是他们应该得到的!)

想法

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

似乎业界默认的做法是将内容打包到独立的Flash Player可执行文件中。我想知道是否可以采用其他方式,最好采用web标准


将接近完美,虽然桌面版本不支持视频

查看Microsoft HTA的-HTML应用程序。它们是根据您的目的专门设计的,甚至可以设置为插入介质时自动运行的目标。您不需要更改标记或html结构,只需将标记添加到任何html文件中,重命名为.hta,然后就可以像引用文件路径一样引用文件路径file:///xxx 它将使用登录用户的权限访问文件系统而不发出警告

如果您需要跨平台的兼容性,那么我建议您研究AdobeAIR——类似的概念,但需要更多的标记才能使其运行

参考资料:

HTA的

http://en.wikipedia.org/wiki/HTML_Application

土坯空气


如果这只是营销/培训内容,为什么不将其嵌入PowerPoint文件中,这样您仍然可以观看视频

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

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

下面是我们要讨论的内容:。在这方面做了一些调整,效果非常好

在本例中,我们将假装我们正在为Acme Aweasome产品进行营销演示

  • 重命名文件。在便携式Firefox安装中,将FirefoxPortable/App/Firefox/Firefox.exe重命名为FirefoxPortable/App/Firefox/Acme.exe,将FirefoxPortable/App/Firefox目录重命名为FirefoxPortable/App/Acme,最后将FirefoxPortable/PortableFirefox.exe重命名为FirefoxPortable/Acme.exe。(请参阅下面screencap中的资源管理器)
  • INI调整。将FirefoxPortable/App/DefaultData/Settings/FirefoxPortableSettings.INI复制到FirefoxPortable/FirefoxPortableSettings.INI,并进行如下屏幕截图所示的调整。这将使应用程序以所需的窗口大小启动,没有Firefox便携式启动屏幕,并且有我们选择的起始页。您还需要更改此处的一些路径,以告诉它在哪里可以找到我们在步骤1中更改了位置的文件。(请参见下面的screencap中的编辑器窗口)
  • 隐藏Firefox应用程序文件结构。出于美观考虑,您可能希望右键单击FirefoxPortable/中的所有文件和文件夹,并将它们隐藏起来,除了Acme.exe
  • 更改标题栏。启动Acme.exe。安装或类似设备。使用它可以将Portable Firefox的文本更改为您喜欢的任何文本。(或者,您可以编辑/FirefoxPortable/App/Acme/chrome/en-US.jar。打开.jar,您将看到locale/branding/brand.dtd)重新启动Acme.exe以查看标题栏的更改
  • 关闭Window Chrome。进入Portable Firefox的查看菜单并关闭所有Chrome浏览器-导航栏、书签栏、状态栏等。请记住,您可以按键盘上的“alt”键拿回菜单栏,您的最终用户也可以。(另外,Firefox也有几个“kiosk”风格的扩展,可以进一步锁定应用程序。但出于我的目的,我并不在乎。)
  • 更改应用程序图标。使用类似(优秀且免费)的程序更改FirefoxPortable/App/Acme/Acme.exe的图标。注意:IANAL,但我相信在重新发布之前,您实际上必须从Firefox中删除官方Mozilla品牌,例如Firefox徽标
  • 在这一点上,您有一些与本机应用程序相当难以区分的东西。显然,一个有创造力的用户可以在你的应用程序的目录结构中达到顶峰,看到你正在使用Firefox,并且所有Firefox的键盘快捷键都仍然处于活动状态。如果这对你来说是一个问题,那么Firefox的“kiosk”风格的扩展确实存在,其中一些是相当可靠的,尽管我还没有测试过它们,所以我不会在这里链接到它们。再说一次,对我来说这不是问题

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

  • 各种配置调整可加快加载时间
  • 自动运行.inf以自动启动Acme.exe
  • 当然是OSX和Linux版本
  • 禁用便携式Firefox键盘快捷键的方法。(最好的方法是什么?.ini/about:config调整?扩展?.in.)