2016-02-12 83 views
0

我正在使用Jquery的Jplayer插件在我的網站上實現一個音頻播放器。需要哈克在網站上實現音樂播放器

我有一種情況我:

當播放器加載,用戶是不聽任何歌曲和用戶瀏覽網站,我的網頁可以加載爲瀏覽器的負荷。但是,當用戶正在聽歌曲並且我瀏覽器加載時,它會重新啓動播放器並且音樂會受到干擾。因此,我們使用ajax來獲取頁面並加載它,而不刷新整個頁面並干擾用戶的音樂體驗。

儘管我確信它不可能,但是我仍然想讓自己相信是否有一個Hack,我可以在我的網頁上加載2個獨立的HTML,並且一個用戶將瀏覽網站和第二個將有不會被打擾的球員?

+0

刷新頁面時,您將丟棄當前頁面上的所有內容。加載內容的AJAX方法是一條可行的路。否則,您可以在實際重新加載頁面之前先攔截從頁面導航離開的用戶,但這可能會創建一個非常糟糕的用戶體驗。很可能,大多數用戶不太可能想聽音樂,也不想同時瀏覽您的網站 - 這可能是10年前的事情,但不是今天。 – Terry

回答

2

您可以使用框架來保持玩家不受干擾:

<html> 
    <head> 
    <title>Frameset</title> 
    </head> 
    <frameset rows="*,200"> 
    <frame src="index.html" name="content"> 
    <frame src="musicplayer.html" name="player"> 
    </frameset> 
</html> 

使用name,你可以在JavaScript中從內容框架解決這一問題,例如操縱播放列表。

0

可以打開玩家一個單獨的窗口與window.open()

window.open("player.html", "player", "width=200, height=100"); 

這將打開您的播放器,也不會影響瀏覽的頁面上的小窗口。

還有更多選項,比如顯示工具欄和狀態欄等,但是這些選項的瀏覽器支持各不相同。

0

Ajax是我做到的。您可以將jPlayer html作爲頁腳播放器或其他東西放入主(佈局)頁面,然後在主要部分通過AJAX加載每個頁面(如果它是Ajax請求的話)。

您可以隨時使用jquery在Ajax成功函數中加載內容。如果用戶刷新頁面,但它總是會重新加載jPlayer,因爲它永遠不會成爲Ajax。或者如果你在做MVC asp.net,你可以使用部分視圖。