2010-12-13 45 views
10

我們公司希望將一些營銷/培訓內容放到USB拇指驅動器上分發給我們的客戶。脫機(CD,拇指驅動器等)不安裝HTML +視頻演示文稿?

內容是HTML +一些嵌入式視頻。這些視頻(當前.flv的)不是互動的或類似的東西,儘管它們對內容很重要。棘手的是,HTML包含Javascript,需要在視頻完成時運行。

我們的第一個想法是使用Flash視頻包裝解決方案,如Jwplayer。當在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會接近完美,儘管桌面版本不支持視頻!

+0

包裝的東西成一個獨立的Web服務器可能被替代。 – 2010-12-13 19:12:57

回答

5

好的。這是我們要解決的問題。

但首先,這是我們正在使用的而不是。我研究了Appcelerator Titanium,它允許使用WebKit渲染引擎允許使用HTML5 + CSS構建的跨平臺桌面應用程序。他們有一個桌面版,但它們幾乎被忽略,而偏向於他們的移動版。至關重要的是,他們桌面版的Windows版本不支持我們需要的視頻。這種奇怪的限制,但我不會敲它們專注於迅速擴大的移動市場。

所以,這裏是我們要與:Mozilla Firefox, Portable Edition。只需進行一些調整就可以達到這個目的。

在這個例子中,我們假設我們正在爲Acme Awesome Products做營銷演示。

  1. 重命名文件。在便攜Firefox安裝,重命名FirefoxPortable /應用/火狐/ firefox.exeFirefoxPortable /應用/火狐/ Acme.exe,重命名FirefoxPortable /應用/火狐目錄FirefoxPortable /應用/ Acme的 ,最後重命名爲FirefoxPortable/PortableFirefox.exeFirefoxPortable/Acme.exe。 (請參閱下面的screencap中的資源管理器)
  2. INI調整。複製FirefoxPortable/App/DefaultData/Settings/FirefoxPortableSettings.iniFirefoxPortable/FirefoxPortableSettings.ini,並進行如下屏幕截圖所示的調整。這將使應用程序以所需的窗口大小啓動,無需Firefox便攜式啓動屏幕以及我們選擇的開始頁面。您還需要更改此處的一些路徑,以告訴它在哪裏查找在第1步中我們更改了位置的文件。 (請參閱下面screencap中的編輯器窗口)
  3. 隱藏Firefox應用程序文件結構。出於美學原因,您可能需要右鍵單擊FirefoxPortable/中的所有文件和文件夾,並將其隱藏,但除外Acme.exe
  4. 更改標題欄。啓動Acme.exe。安裝"Customize Titlebar" extension或類似的東西。使用它可將便攜式Firefox的文本更改爲任何您喜歡的內容。 (或者,您可以編輯/FirefoxPortable/App/Acme/chrome/en-US.jar。打開.jar,您會看到語言環境/品牌/ brand.dtd)重新啓動Acme.exe以查看您的標題欄變化。
  5. 關閉Chrome瀏覽器。進入便攜式Firefox的視圖菜單並關閉所有的Chrome瀏覽器 - 導航欄,書籤欄,狀態欄等。請記住,您可以點擊鍵盤上的「alt」鍵以獲取菜單欄,並且您的結尾用戶也可以。 (或者,Firefox有幾種「kiosk」風格的擴展功能可以將應用程序鎖定得更遠,但對於我而言,我並不在意)
  6. 更改應用程序圖標。使用像IcoFx(優秀和免費)的程序來更改FirefoxPortable/App/Acme/Acme.exe的圖標。注意:IANAL,但我相信你確實需要在重新分配Firefox之前,從Firefox中刪除官方的Mozilla品牌,例如Firefox徽標。

Screenshot of the final app

在這一點上你有一些從本地應用程序非常難以區分。很顯然,一個有創造力的用戶可以在應用程序的目錄結構中巔峯,並看到您使用的是Firefox,並且所有Firefox的鍵盤快捷鍵仍然處於活動狀態。如果這對你來說是一個問題,那麼Firefox的「信息亭」風格的擴展確實存在,其中一些是相當防彈的,雖然我沒有測試過任何一個,所以我不會在這裏鏈接到它們。再次,對我來說這不是一個問題。

這種方法有很大的改進空間。未來的事情,我想探索的

  1. 各種配置調整速度加載時間
  2. 一個autorun.inf推出Acme.exe自動
  3. 當然OSX和Linux版本。
  4. 禁用便攜式Firefox鍵盤快捷鍵的方法。 (最好的方法是什麼?.ini/about:config tweaks?Extension?.ini/about:config tweaks應該更快)
  5. 找出如何更改/FirefoxPortable/Acme.exe的圖標。根據this,可能需要重新編譯,與大多數.exe文件不同。
1

調查微軟HTA的HTML應用程序。它們專爲您的目的而設計,甚至可以設置爲媒體插入時的自動運行目標。您不需要更改標記或html結構 - 只需將HTML標記添加到任何html文件中,然後將其重命名爲.hta,然後就可以引用文件路徑,就如同您擁有file:/// 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/

+0

謝謝你的回覆! AIR可以工作,但我們希望避免它,因爲如果用戶尚未安裝AIR運行時,需要安裝AIR運行時。 – 2010-12-14 00:46:57

0

如果這僅僅是市場營銷/培訓內容,爲什麼不將它嵌入PowerPoint文件中,您仍然可以保存VID EO?

+0

我明白你的意思了。但是獨立和跨平臺是其中一個重要目標。 – 2011-01-01 21:20:33

0

我正在進行類似的項目。我也使用FF便攜式,但對速度不滿意。我發現了這款其他小巧的兼容Mac和Linux的瀏覽器。您需要首先將單個.exe複製到可寫磁盤,以便編輯設置並讓它創建必要的緩存和設置文件夾(關閉瀏覽器中的任何寫入設置以避免錯誤),然後將其刻錄到CD。

到目前爲止工作很好!

QT Web Browser