Estoy tratando de crear un trabajador de servicio que recupere un video del caché si está disponible y lo obtenga en línea si no está disponible. Aquí está mi código para eso:

 self.addEventListener("fetch", function (event) { if (event.request.headers.get("range")) { caches.match(event.request.url).then(function (res) { if (!res) { log.debug( `Range request NOT found in cache for ${event.request.url}, activating fetch...` ); return fetch(event.request); } returnRangeRequest(event); }); } else { event.respondWith( caches.match(event.request).then((response) => { return response || fetch(event.request); }) ); } }); function returnRangeRequest(event) { var rangeHeader = event.request.headers.get("range"); var rangeMatch = rangeHeader.match(/^bytes\=(\d+)\-(\d+)?/); var pos = Number(rangeMatch[1]); var pos2 = rangeMatch[2]; if (pos2) { pos2 = Number(pos2); } event.respondWith( caches .match(event.request.url) .then(function (res) { return res.arrayBuffer(); }) .then(function (ab) { let responseHeaders = { status: 206, statusText: "Partial Content", headers: [ ["Content-Type", "video/mp4"], [ "Content-Range", "bytes " + pos + "-" + (pos2 || ab.byteLength - 1) + "/" + ab.byteLength, ], ], }; var abSliced = {}; if (pos2 > 0) { abSliced = ab.slice(pos, pos2 + 1); } else { abSliced = ab.slice(pos); } log.debug( `Returning range request response` ); return new Response(abSliced, responseHeaders); }) .catch(function (err) { log.error(err); }) ); }

Cuando estoy en línea e intento reproducir el video, funciona bien e imprime la línea de depuración Range request NOT found in cache for https://example.com/vid.mp4, activating fetch...

Cuando guardé en caché la URL del video usando cache.add("https://example.com/vid.mp4"); , y trato de reproducirlo, el video se reproduce bien.

El problema surge cuando apago el Wifi en el iPad. Cuando trato de reproducir el video después de apagar el wifi, el video permanece en 0:00 con una duración total de 0:00.

Algunos de mis hallazgos:

1. Cuando tengo wifi encendido y tengo el video almacenado en caché, se realizan dos solicitudes con bytes bytes=0-1 y luego bytes=0-4444000 .
2. Cuando tengo wifi apagado, se realiza la solicitud de bytes=0-1 , pero se detiene con eso.

¿Dónde me estoy equivocando?