私は音楽プレーヤーを持っている自分のウェブサイトに取り組んでいます。厄介な部分は、別のページを参照すると、プレーヤーが停止して最初から始まることです...私が欲しいのは、永続的な音楽プレーヤーを用意することです。では、別のページを閲覧するときに、音楽プレーヤーを含む div を静的にするにはどうすればよいでしょうか? ウェブサイト: demo(dot)zdringhi-art(dot)com
ありがとう!
私は音楽プレーヤーを持っている自分のウェブサイトに取り組んでいます。厄介な部分は、別のページを参照すると、プレーヤーが停止して最初から始まることです...私が欲しいのは、永続的な音楽プレーヤーを用意することです。では、別のページを閲覧するときに、音楽プレーヤーを含む div を静的にするにはどうすればよいでしょうか? ウェブサイト: demo(dot)zdringhi-art(dot)com
ありがとう!
WEB はステートレスです。したがって、別のページに移動した場合、div が同じままである方法はありません。
あなたにできることはそれです.. うーん、次のとおりです。単一のページがあり、そこに div があります。次に、ページの他の部分が ajax 経由で読み込まれます。また、リンクをクリックすると、ページの一部のみが読み込まれます。コーディングが多すぎるように見えますが、実行可能な唯一のオプションです。たとえば、Facebookを取る
フレームを使用することは 1 つの解決策ですが、サイトで JQuery を使用しているため、チェックアウトする必要があります.load
( http://api.jquery.com/load/ )。別のページのコンテンツを読み込んで、現在のページのどこかに置くことができます。このようなもの:
$(function () {
$("a").click(function (e) {
e.preventDefault(); // don't follow the link
$("#ja-container").load($(this).attr("href") + " #ja-container");
/* Load the new page using ajax request, take the content in #ja-container from that new page and put it in the current page's #ja-container */
});
});
これは完全な解決策ではありません。誰かが [コンサート] -> [議題] をクリックしたときに、議題を表示したままにしておく必要があります。
個人的には、強制的な BGM の代わりに、音楽を演奏している Youtube ビデオのページを見たいと思っています。
ウェブはステートレスなので、ページを変更する場合、いくつかのオプションしかありません。
フレーム、はい、誰もがこれを叫ぶ前に、これが設計されたものです。音楽プレーヤーを 1 つの HTML フレームに配置し、ページの残りの部分を別の HTML フレームに配置して、移動したときにメイン コンテンツ フレームのみを更新することができます。
または gurav が提案するようにして、サイト全体を 1 ページにし、コンテンツを Ajax で更新して、音楽 Div が変更されないようにします。
リンクをクリックすると、プレーヤーの現在位置を次のページに渡します。
<a href="#" onclick="window.location.href='{new page}?musicpositionseconds="+getsecond()+"'; return false">to another page</a>
getseconds() が音楽プレーヤーの現在の位置を返し、それを次のページに渡します。そのページが読み込まれると、URL から変数を読み取り、そこからプレーヤーを開始します。
そうです、HTTP はステートレスです。あなたができることは、クッキーを作成し、プレーヤーの現在の場所/時間の値で常に更新することです。このようにして、他のページに移動すると、Cookie から時間/場所を読み取ることができます。
そうしないと、Cookie を使用しないアプローチで、サーバーとクライアントの間で AJAX 化された位置/時間データを送信すると、ネットワークが過剰になります。
もし私がこれをしていたら、私はクッキーのようになっていたでしょう。