持久的音乐播放器

时间:2013-08-06 10:49:10

标签: php jquery opencart audio-player

我正在开发像音乐商店这样的项目,我需要像ReverbNation那样实现持久音乐播放器。我检查了ReverbNation并发现他们正在使用ajax加载中心内容,以便播放器始终完好无损。我的项目在opencart,几乎完成了。所以我不想改变很多东西,只为玩家加载ajax的所有东西。我尝试了iframe,它可以工作,但问题是地址栏中的url始终保持不变。是否可以更改iframe中加载的内容的地址栏中的网址?或者有没有什么好方法来实现持久音乐播放器?请建议。

2 个答案:

答案 0 :(得分:2)

我使用Jplayer(http://ewlsol.com/now/

在opencart中完成了类似的项目

您可以使用iframe覆盖网址

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

但这不是正确的解决方案,如果您使用Iframe,浏览器中没有可用的源代码,那么搜索引擎将无法抓取您的网站,因此使用Iframe将是糟糕的想法。

你需要使用jquery加载功能通过AJAX加载内容部分,并将你的播放器放在页眉或页脚中,这样页眉和页脚部分就不会刷新,你的播放器会不断播放你的音乐。

希望这有帮助

答案 1 :(得分:0)

你不能只是在现有网站上偷拍一个持久的玩家。持久音乐播放的网站需要三件事:

  • 客户端JS路由器
  • 通过获取新内容的方法 AJAX
  • 管理状态的持久音乐播放器脚本(当前 曲目,播放列表,播放列表索引)

经常使用JS框架,因为它具有开箱即用的许多功能。但是,包括整个JS框架(如Angular或Ember)仅用于持久音乐播放对于许多网站来说都是过度的。

Pushtape Cassette等音乐的轻量级前端框架可能会解决您的问题,无论您是构建静态网站还是动态网站。

如果您要构建一个静态站点,您需要做的就是配置一个带有音乐文件和元数据链接的cassette.json文件,并相应地设置样式。

如果要构建更加动态的应用程序,则可以使用分离的体系结构。构建一个单独的后端站点,使用数据库管理内容,然后让该站点生成一个cassette.json并使用Pushtape Cassette进行渲染。