2013-08-06 269 views
5

我正在開發像音樂商店這樣的項目,我需要實現持續音樂播放器,如ReverbNation。我檢查了ReverbNation,發現他們使用ajax加載中央內容,以便玩家始終保持完好。我的項目位於opencart,已基本完成。所以我不想改變很多東西,並且只爲玩家加載來自Ajax的所有東西。我試過iframe,它的工作原理,但問題是地址欄中的網址始終保持不變。是否有可能在地址欄中更改加載到iframe中的內容的網址?或者有什麼好的方法來實現持久音樂播放器?請建議。持久音樂播放器

+0

你可以使用文檔哈希來指示盯着,或使用history.pushState –

+0

但是使用iframe爲您的整個網站聽起來不是一個乾淨的想法......爲什麼不改變方法,而是加載音樂播放器在彈出窗口?然後,您可以直接瀏覽網站而不做任何更改。 – Eggplant

+0

@SomeshMukherjee解釋會很有幫助。我認爲history.pushState不支持在IE – Konsole

回答

2

我也進行了類似類型的項目在Opencart的使用Jplayer(http://ewlsol.com/now/

可以使用iframe的

<a href="page" target="_top">Replace parent url!</a> 

覆蓋網址但是,這不是正確的解決方案,如果您使用Iframe有在瀏覽器中沒有可用的源代碼,所以搜索引擎將無法抓取您的網站,所以使用iframe將是不好的想法。

您需要使用jQuery加載函數通過AJAX加載內容部分,並將您的播放器放在頁眉或頁腳中,以便頁眉和頁腳部分不會被刷新,並且您的播放器將連續播放您的音樂。

希望這有助於

0

你不能只是鞋拔子在現有的網站持久的球員。持續性的音樂播放一個站點需要三樣東西:

  • 一個客戶端的JS路由器
  • 通過 AJAX
  • 管理狀態(當前 軌道持久性的音樂播放器的腳本來獲取新內容的方式,播放列表,播放列表索引)

一個JS框架經常被使用,因爲它可以很多這些功能開箱即用。然而,包括諸如Angular或Ember之類的整個JS框架僅僅用於持續音樂播放對於許多站點來說是過度殺傷性的。

音樂的較輕前端框架(如Pushtape Cassette)可能會解決您的問題,無論您是構建靜態網站還是動態網站。

如果您正在構建一個靜態網站,您只需配置一個帶有音樂文件和元數據鏈接和樣式的cassette.json文件。

如果您正在構建更加動態的應用程序,則可以使用分離的體系結構。建立一個單獨的後端網站,使用數據庫管理內容,然後讓該網站生成一個cassette.json並使用Pushtape Casset進行渲染。