例如,我希望頁面播放音頻文件,同時在音頻文件中討論子彈的恰當時刻,讓一些子彈滑入視圖。類似的效果也將用於隱藏式字幕。當我說可靠時,我的意思是說,在許多通用平臺(瀏覽器/操作系統/ CPU /等)中的時序將保持一致,並且在同一平臺上的不同會話中保持一致(它們會刷新,它會再次像以前一樣工作等)。有沒有一種可靠的方法來計時JavaScript動畫與瀏覽器中播放的音頻文件?
備註:如果答案是'沒有',那麼可以,但請至少包括一點關於這是爲什麼的小調。
例如,我希望頁面播放音頻文件,同時在音頻文件中討論子彈的恰當時刻,讓一些子彈滑入視圖。類似的效果也將用於隱藏式字幕。當我說可靠時,我的意思是說,在許多通用平臺(瀏覽器/操作系統/ CPU /等)中的時序將保持一致,並且在同一平臺上的不同會話中保持一致(它們會刷新,它會再次像以前一樣工作等)。有沒有一種可靠的方法來計時JavaScript動畫與瀏覽器中播放的音頻文件?
備註:如果答案是'沒有',那麼可以,但請至少包括一點關於這是爲什麼的小調。
檢出this animation,它將3D SVG效果與音頻文件同步。
該技術在博客文章中解釋爲http://mrdoob.com/blog/page/3。尋找名爲「svg標籤+音頻標籤= 3D波形」的標籤。關鍵是創建一個與音頻文件相對應的音量值表。
在研究這個例子和它使用的Javascript來適應你的場景時,你顯然需要做一些工作。它可能只適用於支持HTML5的瀏覽器。
這也許可以用HTML5 – SiN 2010-11-05 15:50:54