网站的静态MP3播放器

时间:2014-01-27 16:14:29

标签: javascript html mp3

自从我为YouTube等制作音乐以来,我正在为自己的YouTube频道创建一个网站。

我想知道如何为我的网站添加一个mp3播放器,而不会在每次重新加载页面时停止播放。

我希望MP3播放器能够不断播放,无论它有多少页面。

我认为这样做的一种方法是将它放在另一台服务器端。但问题是1个人不想在网站上听同样的音乐。

我能够在一个页面上播放这首歌,但我希望用户也能听我的音乐并浏览其他页面。

有人可以告诉我该怎么做吗?谢谢:))

3 个答案:

答案 0 :(得分:0)

将您的内容加载到div / iframe中,并在主页上播放mp3。

你最好使用div加载的内容,iframe正在走出恐龙的道路。

<----- Main  Page -----> Music Player here
>----- ContentDiv -----< Load content into the div
<----- Main  Page -----> Or Music Player here

或使用html模型,内容是您加载页面的内容,音乐播放器位于主页面上,永远不会重新加载。

<head></head>
<body id="mainpage">
<div id="musicplayer"></div>
<div id="content">
</div>
</body>

答案 1 :(得分:0)

有两种方法可以做到:

正确的方法是将您的所有网站内容设置为AJAX调用,这样您的MP3播放器就会位于顶部并且不受影响。它需要编程知识和一些计划才能正确地进行所有AJAX调用。

简单的方法,虽然我不推荐,因为它不是W3C有效的,是用你的mp3播放器在顶部放一个框架,所以当你navegate时它不会与页面的其余部分一起回发。

答案 2 :(得分:0)

Mike提出的答案将是一种非常不友好的SEO方法,如果这是一个问题,但我能想到的唯一方法是让音乐完全不间断。如果您不介意页面加载之间的音乐中断,那么您需要捕获轨道的当前播放长度,然后将其传递到cookie或作为URL中的参数,这将需要您进行监控用户行为并将js函数绑定到监视该行为的所有naviagtion链接。