このリポジトリは、動画ファイルと3DモデルをindexedDBで保存して利用するコードのサンプルです。
indexed-db-movie/index.html内では、動画ファイルをネットからダウンロードしてindexedDBに保存して再生します。二回目以降の読み込みで、indexedDBにデータがある場合はindexedDBから動画データをロードして再生します。
indexed-db-movie/deleteIndexedDB.htmlでは、上で作成したデータベースを削除します。
indexed-db-model/index.htmlでは、Unityちゃんの3DモデルのglTF形式を読み込んでindexedDBに保存し、表示します。二回目以降の読み込みで、indexedDBにデータがある場合はindexedDBからモデルデータをロードして表示します。
indexed-db-model/deleteIndexedDB.htmlでは、上で作成したデータベースを削除します。
今回使用したモデルについて
3Dmodel by Horniman Museum - Dodo Model
3Dmodel by noxfcna - Mow Cop Castle, Stoke-on-Trent
このリポジトリをクローンした後、コマンドプロンプトからこのリポジトリに移動して、以下のコマンドを入力してnpmをインストールしてください
npm install
その後、ローカルサーバー上でこのリポジトリ内のページを試したい場合は以下のコマンドを実行してください。
npm run-script dev