我非常喜欢8tracks.com上的mp3播放器,并且想知道他们是如何在我切换页面时仍然保持mp3播放的呢?
例如,在这里收听这首歌http://8tracks.com/mixes?q=Aztec+Camera,然后点击另一个页面的链接。音乐会停顿1/4秒钟,然后恰好回到正确的播放位置!
我不认为它使用流媒体服务器,所以想知道这是否是Flash的功能?
我非常喜欢8tracks.com上的mp3播放器,并且想知道他们是如何在我切换页面时仍然保持mp3播放的呢?
例如,在这里收听这首歌http://8tracks.com/mixes?q=Aztec+Camera,然后点击另一个页面的链接。音乐会停顿1/4秒钟,然后恰好回到正确的播放位置!
我不认为它使用流媒体服务器,所以想知道这是否是Flash的功能?
保持简单:当onunload触发时,让播放器将当前音轨/时间存储在cookie中,然后在下一页加载时从那里开始。由于我所知道的是Flash没有访问浏览器cookie或JS事件的能力,所以您需要编写一些JavaScript支持函数。
不知道他们是不是这样做的,但你可以将音乐播放器和主页面放在两个不同的框架中(只显示主内容框架)。当然,这对于(例如)在地址栏中输入新地址是没有帮助的。
编辑:他们并不是这样做的。可能他们正在使用 cookie 来保存歌曲和播放位置,并在每个新页面上使用它来重新启动播放器。
你可以通过使用Ajax来实现,使得你的内部“链接”不会实际导航到另一个页面,而是仅仅加载内容到你的主要内容div中。这将允许任何流媒体在内容被替换的div之外继续不间断地播放。
或者避免使用ajax,改用iframe
是的,但您将遇到与框架相关的所有问题,您将在所有页面上添加脚本代码,以便在用户直接进入未定义网站的框架时进行处理。