chore: Fix browser example

examples/browser/proxy/deno.ts

@@ -18,7 +18,7 @@ const handler = async (request: Request): Promise<Response> => {
         'Access-Control-Allow-Origin': request.headers.get('origin') || '*',
         'Access-Control-Allow-Methods': '*',
         'Access-Control-Allow-Headers':
-          'Origin, X-Requested-With, Content-Type, Accept, Authorization, x-goog-visitor-id, x-origin, x-youtube-client-version, Accept-Language, Range, Referer',
+          'Origin, X-Requested-With, Content-Type, Accept, Authorization, x-goog-visitor-id, x-origin, x-youtube-client-version, x-youtube-client-name, x-goog-api-format-version, x-user-agent, Accept-Language, Range, Referer',
         'Access-Control-Max-Age': '86400',
         'Access-Control-Allow-Credentials': 'true',
       }),
@@ -45,6 +45,7 @@ const handler = async (request: Request): Promise<Response> => {
     JSON.parse(url.searchParams.get('__headers') || '{}'),
   );
   copyHeader('range', request_headers, request.headers);
+
   !request_headers.has('user-agent') && copyHeader('user-agent', request_headers, request.headers);
   url.searchParams.delete('__headers');
 

examples/browser/web/src/main.ts

@@ -141,7 +141,8 @@ async function main() {
       if (shaka.Player.isBrowserSupported()) {
         videoEl.poster = info.basic_info.thumbnail![0].url;
 
-        player = new shaka.Player(videoEl);
+        player = new shaka.Player();
+        await player.attach(videoEl);
         ui = new shaka.ui.Overlay(player, shakaContainer, videoEl);
 
         const config = {
@@ -194,6 +195,7 @@ async function main() {
               request.headers = {};
               url.searchParams.set("range", headers.Range.split("=")[1]);
               url.searchParams.set("alr", "yes");
+              delete headers.Range;
             }
           }
 
@@ -207,14 +209,12 @@ async function main() {
 
         player.getNetworkingEngine()?.registerResponseFilter(async (type: any, response: any) => {
           const dataView = new DataView(response.data);
-          
+
           if (response.data.byteLength < 4 ||
             dataView.getUint32(0) != HTTP_IN_HEX) {
-            // This doesn't start with "http", so it is not an ALR.
             return;
           }
 
-          // Interpret the response data as a URL string.
           const response_as_string = shaka.util.StringUtils.fromUTF8(response.data);
 
           let retry_parameters;

src/platform/node.ts

@@ -6,7 +6,9 @@ import {
   Response,
   Headers,
   FormData,
-  File
+  File,
+  setGlobalDispatcher,
+  Agent
 } from 'undici';
 import type { ICache } from '../types/Cache.js';
 import { Platform } from '../utils/Utils.js';
@@ -27,6 +29,12 @@ const __dirname__ = is_cjs ? __dirname : path.dirname(fileURLToPath(meta_url));
 const { homepage, version, bugs } = $INLINE_JSON('../../package.json');
 const repo_url = homepage?.split('#')[0];
 
+setGlobalDispatcher(new Agent({
+  connect: {
+    timeout: 60_000
+  }
+}));
+
 class Cache implements ICache {
   #persistent_directory: string;
   #persistent: boolean;