聲音雲像播放音頻中的網頁結構

當您開始播放soundcloud中的音頻時，您可以看到它在標題中播放，並且當您嘗試移動/重定向到其他頁面時，該歌曲將繼續在標題中播放。可以通過java ee中的apache tiles完成嗎？或者我應該只使用iframe作爲頁面的主體，或者應該只使用ajax作爲主體的內容，並動態添加包含ajax結果的元素。如何在不中斷音頻播放器的情況下重定向頁面正文？聲音雲像播放音頻中的網頁結構

來源

2014-09-03 Ker p pag

Soundcloud.com是一個JavaScript的single page application。

我猜你的問題是：如何保持音頻播放和更改頁面內容。我也在猜測，當頁面內容更新時，您希望的URL發生更改。

我們使用JavaScript和lousely執行以下操作：

有一個包裝對象來控制音頻播放

使用HTML5歷史API，以應對地址變更

上的地址變化，更新的內容頁面

我們使用MVC，特別是Backbone。因此，我們不是直接使用History API，而是依靠Backbone.Router。我們還擴展了Backbone.View來構建一個名爲Layout的類型。

因此，當Backbone.Router觸發路由更改事件時，適當的Layout用來自URL的正確參數初始化。

所有這段時間，AudioManager對象都可以通過交互來切換和控制播放。

我希望這有助於您的研究方向。

有一對夫婦解釋我們如何建立soundcloud.com會談，但也許它會是瞭解JavaScript的SPA和MVC的一般概念，以便了解該材料是一個好主意：

https://developers.soundcloud.com/blog/building-the-next-soundcloud

http://spadgos.github.io/sfjs-next-soundcloud/

來源

2014-09-03 19:25:07

感謝@gyryzzly這個回答我所有的問題用的SoundCloud。我想我應該開始閱讀關於SPA，我已經使用MVC已經與我的網絡應用程序，因爲它被建議是這樣。 – 2014-09-04 01:03:30

聲音雲像播放音頻中的網頁結構

回答

相關問題