2013-02-15 94 views
0

好的,我正在研究一個涉及html5音頻的項目,此外還有一個視頻在播放音頻時顯示(只是視頻,沒有控件等)。視頻是一種正在播放的可視化(有時稱爲均衡器)音頻,預先在Adobe After Effects中製作。兩個文件(視頻和音頻)長度相同,例如3分20秒。我需要一種同步方式,因爲視頻可能比音頻加載速度慢,反之亦然。因此,我需要在網絡連接速度較慢的計算機上進行設置,如果視頻在某一時刻停止加載並開始緩衝,則需要暫停音頻,並且一旦視頻重新開始再次開始音頻,兩者同時發生,並且用戶跳到一首歌中的某些位置,視頻也應該跳到這一位,我將使用自定義api製作播放器來播放視頻,這樣就不會對視頻進行控制,只能在soundcloud播放器上播放。 這幾乎就像我使用soundcloud自定義播放器來控制視頻一樣。我努力在這個地方找到任何資源,並且真的想知道如何實現這個功能。 JavaScript或jQuery解決方案更可取。將SoundCloud音頻和Vimeo/Youtube視頻同步播放

是什麼使得它更復雜的是,我使用的SoundCloud的自定義播放器播放歌曲: http://developers.soundcloud.com/docs/custom-player#

和上傳視頻到Vimeo/YouTube的(全部做完減少負載的網站上)在這裏

+0

是否有理由不能將音頻添加到視頻文件中,而不用擔心與Soundcloud的播放器同步? – Giles 2013-02-15 16:41:34

+0

幾個,首先我需要給用戶選擇只聽音頻和不加載視頻,如果他們在慢速上網,也與上傳音樂視頻相關的版權問題,就好像我使用聲音雲來流式傳輸音樂並顯示我的自定義視頻沒有聲音,這不是一個問題。 – Ilja 2013-02-15 17:04:46

+0

只需使用Pink Floyd的月球黑暗面即可。 (:顯然它與任何東西同步:) – technosaurus 2013-02-18 00:49:29

回答

2

檢查:http://html5demos.com/two-videos

此示例用於同步2個視頻,但有些黑客可能會設法同步音頻和視頻。其次,不要使用自定義播放器,製作自己的HTML5音頻元素,檢查SoundCloud API對於soundcloud上的每個流式傳輸軌道都有一個屬性stream_url,只需將該URL作爲源代碼放到您的html5音頻標籤上即可。

請記住,這在Firefox和Opera上將無法使用一段時間。 Firefox將在v20中集成原生mp3支持,不確定關於歌劇