2013-06-01 40 views
0

我想在我的網絡應用程序中創建動畫頭。看來CSS3的過渡,動畫和背景功能,只需要一點點幫助,就是我所需要的。使用xface看起來對我來說太過矯枉過正,cartoon solutions幾乎是我所需要的。我需要製作卡通。根據mp3/wav自動嘴脣同步

我做了some progress已經(beeing能夠創建語音控制Web應用程序),但這次我通過x-webkit-speech使用谷歌服務器需要從話筒MP3/WAV輸入,而不是直接的聲音。

我正在考慮這個方法:在瀏覽器

  1. 記錄的語音轉換成MP3或WAV,寫它的字符串內容
  2. 播放MP3和檢測使用AnalyserNode到位置字符串中的同步字的結束(我使用捷克語,與英語不同,它具有幾乎恆定的語音速度)。
  3. 顯示卡通頭(見上面的鏈接)根據實際講信

問題:有沒有更低的努力(更短的開發時間,編碼器和設計師)的方法嗎?特別是第2步和未來的英語語言讓我很擔心。也許一些卡拉OK工具可以產生一些語音同步文件(我可以解析成CSS3關鍵幀)?我不知道有這樣的工具。

回答

0

也許你可以做一些真正快速和骯髒與頻譜分析: http://0xfe.muthanna.com/wavebox/

+1

這正是我想什麼的概述,但我只能檢測到'c'和結尾的單詞,我在語音中找不到任何其他模式,谷歌分析器必須農場更復雜。我想我會等待一些工具... –

+0

是否在你的目的的音量閾值過於俗氣的時期不斷移動嘴動畫? – PeanutPower

1

對於一些更復雜的,你可以嘗試:

步驟1.網絡語音API來的文本到語音...

http://updates.html5rocks.com/2013/01/Voice-Driven-Web-Apps-Introduction-to-the-Web-Speech-API

第二步嘗試移植「帕帕加」到JS(使用字典來涉及字音素口造成我相信)

http://anime.smithmicro.com/papagayo.html

GNU的源代碼可以在這裏: http://anime.smithmicro.com/update_files/papagayo/papagayo_1.2_source.zip

你也可以參考: http://www.adobe.com/devnet/flash/articles/lip-sync-smartmouth.html 爲你想實現

+0

非常有趣的鏈接,謝謝。我需要一段時間才能閱讀這些內容,因爲未來幾個月我會很忙。 –