Fixed issue socket-io cannot be connected in production build on web

server/apps/immich/src/api-v1/asset/asset.service.ts

@@ -244,7 +244,7 @@ export class AssetService {
           }
 
           /** Sending Partial Content With HTTP Code 206 */
-
+          console.log('send partial', end - start + 1);
           res.status(206).set({
             'Content-Range': `bytes ${start}-${end}/${size}`,
             'Accept-Ranges': 'bytes',

web/src/lib/components/asset-viewer/immich-thumbnail.svelte

@@ -45,26 +45,32 @@
 	const loadVideoData = async () => {
 		isThumbnailVideoPlaying = false;
 		const videoUrl = `/asset/file?aid=${asset.deviceAssetId}&did=${asset.deviceId}&isWeb=true`;
+
 		if ($session.user) {
 			try {
 				const res = await fetch(serverEndpoint + videoUrl, {
 					method: 'GET',
 					headers: {
 						Authorization: 'bearer ' + $session.user.accessToken,
+						'Accept-Range': 'bytes',
 					},
 				});
 
 				videoData = URL.createObjectURL(await res.blob());
+
 				videoPlayerNode.src = videoData;
+				// videoPlayerNode.src = videoData + '#t=0,5';
 
 				videoPlayerNode.load();
 
 				videoPlayerNode.onloadeddata = () => {
 					console.log('first frame load');
 				};
+
 				videoPlayerNode.oncanplaythrough = () => {
 					console.log('can play through');
 				};
+
 				videoPlayerNode.oncanplay = () => {
 					console.log('can play');
 					videoPlayerNode.muted = true;

web/svelte.config.js

@@ -10,6 +10,13 @@ const config = {
 		methodOverride: {
 			allowed: ['PATCH', 'DELETE'],
 		},
+		vite: {
+			resolve: {
+				alias: {
+					'xmlhttprequest-ssl': './node_modules/engine.io-client/lib/xmlhttprequest.js',
+				},
+			},
+		},
 	},
 };