2012-03-04 18 views
5

私は友人バンドのウェブサイトを作っています。サイト上の別のページへのリンクをクリックした後でオーディオを再生するためにAjaxを使用することは可能なのかどうかを知りたいですか?ページを移動中にオーディオを再生する方法は?

私は現在、コンテンツをリロードするためにAjaxを使用して設定していますが、いくつかの問題があります。本当に必要な場合を除き、気にはならないでしょう。

できない場合は、ナビゲート中に中断を最小限に抑える(一時停止してからもう一度再生する)方法はありますか?新しいページが最後のページが停止した場所からトラックを再生し続けることは可能ですが、一時停止を最小限に抑えたいと思います。または、このテーマでは、URLを変更した後に(#URLを使用せずに)特定のページ要素をロードすることができますか?Facebookのように(クリックすると、ロード中にバナーは消えません)。助けをありがとう:)

答えて

9

Ajaxを使用してコンテンツとヒストリAPIのpushState()を読み込み、ページをリロードせずにURLを変更します。

ブラウザ間で一貫した動作をするには、History.jsのようなラッパーライブラリを使用することを検討してください。

+0

ありがとう!私は#を使わずにこれができるのか分からなかった。私はこれを使用することを検討します:) – SkinnyBill

1

FacebookのようなサイトはJavaScript/AJAXのようなものを使用します。使用したくない場合は、フレームを使用できます(お勧めしません)。ページを2つのフレームで分けます:プレーヤーとウェブサイト自体。この方法で、フレームを使わずにサイトを開くだけで簡単に電源を切ることもできます。

幸運を祈る!

+0

どのようにFacebookのは、Ajaxのようなものを行うのですか?あなたがJavascript/jQuery関数を使ってURLを変更する唯一の方法は、URLに#を使用することです。 – SkinnyBill

+0

以下のMarat Tanalinのコメントが役に立ちました.-#を使用せずにURLを変更できることが分かりました。 また、私はフレームを使用しないことを知っています。 ugh!タッキー:l – SkinnyBill

0

もちろん、別のウィンドウ/タブでプレーヤーをポップアップすることもできます。 (今のところ)フレームやJavaScriptなしではできません。

-1

AJAXを使った場合とは違った実装をするのは面倒かもしれませんが、IFrameを使うこともできます。メインフレームでは音楽が再生され、子供にはコンテンツが表示されます。ウェブページ。

-2

Wordpressで作成し、AnythingSliderプラグインを使用してページをメインページ内で移動させます。このようにして、タブ付きナビゲーションを行い、実際のページから離れることはありません。あまりにも多くのコードを書く必要はありません。 AnythingSliderはスライドにhtmlを使用します。

また、wordpressを使用せず、AnythingSliderコードを使用することもできます。

http://css-tricks.com/anythingslider-jquery-plugin/

http://wordpress.org/extend/plugins/anythingslider-for-wordpress/

http://css-tricks.com/examples/AnythingSlider/

関連する問題