我正在开发像音乐商店这样的项目,我需要像ReverbNation那样实现持久音乐播放器。我检查了ReverbNation并发现他们正在使用ajax
加载中心内容,以便播放器始终完好无损。我的项目在opencart
,几乎完成了。所以我不想改变很多东西,只为玩家加载ajax的所有东西。我尝试了iframe,它可以工作,但问题是地址栏中的url始终保持不变。是否可以更改iframe中加载的内容的地址栏中的网址?或者有没有什么好方法来实现持久音乐播放器?请建议。
答案 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框架,因为它具有开箱即用的许多功能。但是,包括整个JS框架(如Angular或Ember)仅用于持久音乐播放对于许多网站来说都是过度的。
Pushtape Cassette等音乐的轻量级前端框架可能会解决您的问题,无论您是构建静态网站还是动态网站。
如果您要构建一个静态站点,您需要做的就是配置一个带有音乐文件和元数据链接的cassette.json文件,并相应地设置样式。
如果要构建更加动态的应用程序,则可以使用分离的体系结构。构建一个单独的后端站点,使用数据库管理内容,然后让该站点生成一个cassette.json并使用Pushtape Cassette进行渲染。