2011-04-27 80 views
8

我們正在使用HTML5 + Javascript創建動畫。現在,我們希望將這些動畫轉換爲視頻文件(MPEG4或其他,無所謂),以便受到瀏覽器挑戰的人也可以看到動畫。動畫包含音軌。呈現HTML5動畫服務器端?

我們正在尋找解決方案,將HTML頁面呈現並記錄在服務器端。我知道存在用於呈現網頁縮略圖等靜態圖像的工具。但是,在我們的用例中,我們應該輸出一個視頻文件。

有什麼選擇?是無頭的X服務器+ Firefox的路要走嗎?最好我們會在雲端運行(Amazon EC2)。如果在非實時速度下播放動畫時我們需要考慮一些特殊的東西,我想聽聽 - 比如說,將HTML5音頻與動畫同步。

回答

3

只是要注意的是,我們通過

  • 解決了這個問題一個無頭的服務器上運行Firefox。一個體面的圖形卡的服務器。

  • 有一個硒的Python控制腳本來啓動/停止渲染

  • 將使用Firefox的XPCOM API直接在編碼流水線

  • 自訂JavaScript渲染飼料<canvas>原始像素的自定義渲染循環循環其中時鐘不是來自實時時鐘,但它將幀以穩定的幀速率切片到非渲染器

一個相當複雜的系統,所以不適合一個答案框中:(

0

聽起來很有趣。我用QtWebKit庫做了類似的事情,需要運行一個無頭X服務器。我正在做的是大規模地將網頁轉換爲PDF。搜索一些webkit2pdf工具來查看可以構建的示例可能是有意義的。

我會看看圖書館,並將其與另一個錄音解決方案結合起來。

2

根據您的動畫,可能有效的一件事就是創建一個動畫gif。將足夠多的靜態動畫串聯在一起,您應該可以使用正確的軟件將這些動畫轉換爲視頻。這是一個非常暴力的解決方案,但是如果您可以通過「逐幀」方式推進您的動畫,它可能會奏效。

0

在模具方面我已經受夠了這些的Ruby工具一個相當不錯的經驗:

我有關於他們如何處理音頻雖然

+0

可以在音頻混合到視頻的GStreamer使用不知道 – 2012-08-03 09:04:21