js 让局部页面拒绝刷新怎么做?

2016-05-18 17:06:06 +08:00
 yumijie
需求是这样的:刚做了个博客,首页嵌入一个网页播放器,但是发现刷新页面之后播放器也重置了,想请教大侠,怎样做才能让访客访问网站刷新页面播放器依然不受影响地工作.

应该说明白了吧.
事例:http://cnbar.cn/emlog (右下角的播放器,刷新页面播放器就停止重新播放)
4292 次点击
所在节点    程序员
21 条回复
Garwih
2016-05-18 17:09:50 +08:00
pjax
yumijie
2016-05-18 17:12:38 +08:00
@Garwih 这个我也听人说,pjax 文件我都不知道去那下载,更不知道怎么做
pimin
2016-05-18 17:14:07 +08:00
cookies ,用 js 每几秒更新一次,对应的是当前列表,歌曲 ID ,播放时间。
reload 之后读取上述信息继续播放。
yumijie
2016-05-18 17:15:50 +08:00
@pimin 这个好像不行,直接禁止某段 div 刷新更方便.问题是我不知道 js 怎么写,郁闷
yoa1q7y
2016-05-18 17:17:34 +08:00
@pimin 这样体验也很糟糕
最好像网页版的网易云音乐一样做单页面应用
yumijie
2016-05-18 17:28:30 +08:00
@yoa1q7y 恩,理想状态是 http://www.neurallinker.com
但是自己不会弄
banricho
2016-05-18 17:36:43 +08:00
单页
不会的话…… iframe 2333
chairuosen
2016-05-18 17:39:00 +08:00
唯一的办法是弄个大 iframe ,像网易云音乐。
其他,不行。
xummerj
2016-05-18 17:40:50 +08:00
我的站也是一个播放器 http://www.xummer.cn
xummerj
2016-05-18 17:53:43 +08:00
我是 pjax 都懒得用,自己写了个 ajax ,自己源代码里找找,可以参考下,在底部 <!-- Piwik -->前
McContax
2016-05-18 18:05:35 +08:00
pjax 什么鬼,我只知道 ajax
xqin
2016-05-18 18:30:40 +08:00
@xummerj 你的网页, 点浏览器的刷新按钮播放器 不停? 我怎么没看出来?

@yumijie 你发的 http://www.neurallinker.com 这个, 点浏览器上面的刷新按钮, 音乐不会停? 我怎么没试出来?

如果你的刷新的意思是只仅限于, 在你的网页里点连接跳转, 音乐不停, 这个可以实现.

但如果要求 按 F5 或者点浏览器的刷新按钮, 也不停, 对不起, 这个功能目前不可能实现.

上面 有人说网易, 网易的那个 你按 F5 或者点刷新按钮, 也照样是停掉的.

@yumijie 先搞清自己的需求, 你一个"刷新", 没人知道你对刷新是怎么定义的, 按常规的刷新是包含 F5 和点刷新按钮的. 而包含这两个功能点的话, 这个要求是不可能实现的(当然你如果新开一个页面专门用于播放, 你刷新当前页, 音乐当然不会停, 但你刷你播放音乐的页面,不还是照样停嘛).
xwartz
2016-05-18 18:52:53 +08:00
@McContax pushState + ajax
yumijie
2016-05-18 19:23:52 +08:00
@xqin 网站内连接跳转,不是 F5
yumijie
2016-05-18 19:39:46 +08:00
实现了方法,这里就不贴代码了.
Tink
2016-05-18 19:41:48 +08:00
pjax 是可以的
xiamx
2016-05-19 06:42:15 +08:00
JS 都不知道怎么写还来问问题,还不赶快去学 JS !
yimity
2016-05-19 08:55:42 +08:00
谁告诉我 pajax 怎么阻止页面某个部分刷新?
按了 F5 之后,整个页面刷新,怎么阻止页面某个部分刷新?
Pajax 可以做单页,但是怎么阻止部分刷新?
dabaii
2016-05-19 09:35:47 +08:00
别想了 目前只能用 iframe
xummerj
2016-05-19 10:44:22 +08:00
@xqin 点浏览器的刷新,这没法实现吧。。只能保存播放状态后页面重新加载后恢复播放

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/279591

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX