workbox-range-requests

リクエストを行う際、range ヘッダーを設定して、リクエスト全体の一部のみを返すようにサーバーに指示できます。これは、ユーザーが動画の再生場所を変更する可能性のある動画ファイルなど、特定のファイルに対して有用です。

このモジュールの内容

キャッシュ ファイルを提供したいが、ブラウザが range ヘッダーを設定している場合があります。通常、このヘッダーは無視されます。

このモジュールはキャッシュに保存されたレスポンスを読み取り、指定された範囲のデータを返します。

基本的な使用法

ワークボックス範囲リクエストを使用するには、範囲リクエストを確認する戦略にプラグインを追加します。

import {registerRoute} from 'workbox-routing';
import {CacheFirst} from 'workbox-strategies';
import {RangeRequestsPlugin} from 'workbox-range-requests';

registerRoute(
  ({url}) => url.pathname.endsWith('.mp4'),
  new CacheFirst({
    plugins: [
      new RangeRequestsPlugin(),
    ],
  });
);

高度な使用方法

プラグインの外部でこのロジックを使用する場合は、createPartialResponse() 関数を使用します。

import {createPartialResponse} from 'workbox-range-requests';

createPartialResponse(request, cachedResponse);

詳しくは、リファレンス ドキュメントをご覧ください。

workbox-range-requests.createPartialResponse(
  request: Request,
  originalResponse: Response,
)