2013-03-01 197 views
3

我本來想繼續寫這個討論,但我的名譽不允許我來編輯或答案(我們對此深感抱歉): Uninterrupted background music on website音樂播放不間斷

所以快速到點:

  • 我在網站上討厭音樂,但不幸的是,我不能找到任何方法來改變我的客戶的想法這次。
  • 我們正在通過一個溝通(圖形)機構,所以我不能告訴最終客戶他是一個xxiot,我真的需要讓代理商感到高興,因爲他們最近給我們做了很多事情,現在是一個好東西。

因此,他們希望網站上播放音樂的底線,他們希望可能不必在每次加載頁面時重新啓動。

我已經決定避免幀。

我這些方式之間掙扎,試圖找到「最好」的一個:

  • 打開一個小窗口,隱藏彈出式的音樂(想象一下:「我們會建議您訪問我們的網站與此音樂..如果你只是討厭它關閉這個彈出窗口「) 專業:對SEO不應該太糟糕 缺點:popunder不是很可靠,瀏覽器變化很頻繁,他們停止工作,我不想花我的時間固定那.. .. :)這是我嘗試的腳本https://github.com/hpbuniat/jquery-popunder ,但正如我所說的只適用於Firefox和IE,在Chrome 25上它會以彈出窗口的方式打開,在Safari上運行不正常。

  • 反之亦然:域名只在標誌,背景和音樂頁面上打開,自動打開常規網站的新標籤...如果有人關閉了首選標籤,他們不會有音樂,但如果他們不基本上有連續的音樂......當他們關閉瀏覽器沉默回來:) PRO:應該在所有瀏覽器上工作(或至少我可以有一個備份輸入網站鏈接,有用對於SEO也是如此) 缺點:怎麼樣SEO?它是否會索引其他頁面?是否足以放入一個輸入網站鏈接?我真的很擔心這一點。 :(

我恨我自己,我討厭音樂網站上的該死的..

謝謝你們,我希望你會花淚對我來說:)

+1

選項3,使用Ajax加載所有內容,並使用HTML5 pushstate處理地址欄。很多工作都沒有多少收穫。 – epascarello 2013-03-01 14:57:04

+0

這就是我的老公司所做的http://www.nowthenrecords.com/ – 2013-03-01 15:02:02

+0

是的..這將是很好的,但我有網站一路完成,並已生活,做這將是一個巨大的工作量錢,尤其是因爲要做到這一點友好需要一些注意... – luke 2013-03-01 15:04:00

回答

1

它似乎並沒有對我來說,讓它與ajax一起工作是一件非常大的工作,即使它是一個很好的體驗,它會讓你更好地使用和理解今天使用的技術,而不是用10個代碼中的hacky代碼幾年前,並從網絡黑暗的一面複製和粘貼一些晦澀難懂的劇本。

你到現在爲止所做的所有工作都沒有浪費,實際上這是漸進式增強的原則。讓它適用於每個人(包括seo機器人),然後改進它。

像這樣的東西會將所有的錨定標記轉換成ajax請求,但它們仍然會回退到普通頁面請求,否則。

$('body').on('click', 'a', function() { 
var url = $(this).attr('href'); 
$.ajax({ 
    url: url 
}).done(function(response) { 
    $('body').html(response); 
}); 
return false; 
}); 

您可以在請求url中添加?ajax = 1來指示後端只在存在時返回主體。

很明顯,所有的腳本/ css都必須在初始頁面上提供,因爲頭部不會改變(除非您想讓所有東西都更加複雜),並且事件綁定將需要觸發或委託給主體。

您需要爲您的播放器一個div(有固定的位置也許)這樣的代碼實際上更像

<head> 
    ... 
</head> 
<body> 
    <div id="player></div> 
    <div id="wrapper">[page html]</div> 
</body> 

,你會瞄準#wrapper指定的,而不是身體。

+0

是的,這絕對是最好的方式,儘管我希望避免這種情況,但我們有很多截止日期,我們現在沒有可用的程序員可以這樣做,這不是浪費錢。我會保留它作爲我的最後一個選項。但是,謝謝! – luke 2013-03-05 13:24:40