0

これはかなり広範な質問であり、コード固有ではありません。この要件を実装する方法を知っている人の意見を探しています

私は、人々が音楽オブジェクトをキューに入れることができる音楽アプリケーションを構築しています。音楽オブジェクトは次のようになります

url:
name:
views:

ユーザーは、リストをクリックして、この曲を再生するためにキューに入れることができます。この時点で、再生を開始する音楽オブジェクトのキューを作成したいと考えています。非常によく似た例は、grooveshark が行うことです。 ここに画像の説明を入力

次の機能を持つ同じものを実装したいと思っています

  • ブラウザを閉じてもキューを保持する機能
  • 存在する場合、任意のキューを取得する機能
  • シャッフルする機能、キュー内のオブジェクトを順番に並べて再生する機能

私はこれに非常に慣れていないため、そのようなデータをどこに保存するかわかりません。これを実装するために何を学ぶ必要があるかを理解するのを手伝ってください。

4

6 に答える 6

3

これはかなり広い質問です！HTML5 アプリケーションを開発している場合は、次のような DOM ストレージ機能を調査することをお勧めしますlocalStorage(sessionStorage主にlocalStorageニーズ/システム要件に焦点を当てています): https://developer.mozilla.org/en-US/docs/DOM/Storage

ここにいくつかの有用なリソース/情報があります:

http://ejohn.org/blog/dom-storage/

http://viralpatel.net/blogs/introduction-html5-domstorage-api-example/

http://msdn.microsoft.com/en-us/library/cc197062(v=vs.85).aspx

Cookie を調べたくない場合: https://developer.mozilla.org/en-US/docs/DOM/document.cookiecookiesただし、必要なもの/欲しいものを提供できるかどうかは疑問です。保存できる

于 2012-08-14T21:04:54.637 に答える
2

localstorage が最善の策です

http://www.w3schools.com/html5/html5_webstorage.asp

ただし、次のようにポリフィルして、html5 以外のブラウザーで動作させることができます。

https://gist.github.com/350433

于 2012-08-14T21:04:56.713 に答える
1

HTML5 ブラウザーのみを対象として問題がない場合は、次のようなものを参照してください: https://developers.google.com/web-toolkit/doc/latest/DevGuideHtml5Storage

于 2012-08-14T21:05:39.637 に答える
0

古いブラウザー サポートの要件が見当たらなかったので、localStorage にはファイル IO を実行していて同期的であるなどの問題があるため、localStorage から離れることをお勧めします。

代わりに、少し使いにくい indexedDB を見ることができますが、私の知る限り、あらゆる点で優れています。

https://developer.mozilla.org/en-US/docs/IndexedDB

于 2012-08-14T21:28:21.733 に答える
0

私は過去にこの目的でjStorageを使用しました。これは、使用可能なローカル ストレージのラッパーと、Internet Explorer の古いバージョンでの userData の動作を提供する優れたプラグインです。

于 2012-08-15T10:28:43.020 に答える
0

他の人が答えたように、localStorageおそらくあなたの最善の策です..ただし、したくない場合は直接使用する必要はありません。AmplifyJS'amplify.storeをチェックしてください。これは優れたラッパーでlocalStorageありsessionStorage、使いやすく、機能検出を使用して、localStorage をサポートしていないブラウザーで正常に機能を低下させます (代わりに何を使用するか忘れましたが、データを保存します。おそらく Cookie? )

とにかく調べてみる価値はあります。 http://amplifyjs.com/api/store/

于 2012-08-14T22:39:00.903 に答える