fix: MapStaticAssets not working with video/audio dotnet/aspnetcore/pull/59325, using staticfiles for video for now

Author: Marcogeorgez

LuminaryVisuals/Components/App.razor

@@ -6,15 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="/" />
     <link rel="icon" type="image/png" href="Logo.png" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
-    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
-    <link href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" rel="stylesheet">
-    <link href="_content/Tizzani.MudBlazor.HtmlEditor/MudHtmlEditor.css" rel="stylesheet" />
-    <link rel="stylesheet" href="app.css" />
-    <link href="LuminaryVisuals.styles.css" rel="stylesheet" />
-    <script src="https://rawcdn.githack.com/nextapps-de/spotlight/0.7.8/dist/spotlight.bundle.js"></script>
+    <link rel="preconnect" href="@Assets["https://fonts.googleapis.com"]">
+    <link rel="preconnect" href="@Assets["https://fonts.gstatic.com"]" crossorigin>
+    <link href="@Assets["https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"]" rel="stylesheet">
+    <link href="@Assets["_content/MudBlazor/MudBlazor.min.css"]" rel="stylesheet" />
+    <link href="@Assets["https://use.fontawesome.com/releases/v5.14.0/css/all.css"]" rel="stylesheet">
+    <link href="@Assets["_content/Tizzani.MudBlazor.HtmlEditor/MudHtmlEditor.css"]" rel="stylesheet" />
+    <link href="@Assets["app.css"]" rel="stylesheet" />
+    <link href="@Assets[" LuminaryVisuals.styles.css"]" rel="stylesheet" />
+
+    <ImportMap />
     <HeadOutlet @rendermode="RenderModeForPage" />
     <PageTitle>Luminary Visuals Management</PageTitle>
 </head>
@@ -27,6 +28,7 @@
     <script src="_content/Tizzani.MudBlazor.HtmlEditor/quill-blot-formatter.min.js"></script> <!-- optional; for image resize -->
     <script src="https://js-de.sentry-cdn.com/3d017756cd2623df347b8da6db1a0359.min.js" crossorigin="anonymous"></script>
     <script src="functions.js"></script>
+    <script src="https://rawcdn.githack.com/nextapps-de/spotlight/0.7.8/dist/spotlight.bundle.js"></script>
 
 </body>
 

LuminaryVisuals/Components/Pages/Guest.razor

@@ -12,8 +12,8 @@
 
 <div class="d-flex justify-content-center align-items-center" style="width:inherit; height:inherit;justify-content:center;position: relative; overflow: hidden; color: white;">
     <video autoplay muted loop id="synchron" style="position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;">
-        <source src="synchronHVEC.mp4" type="video/mp4; codecs=hevc">
-        <source src="synchron.mp4" type="video/mp4">
+        <source src="@Assets["synchronHVEC.mp4"]" type="video/mp4; codecs=hevc">
+        <source src="@Assets["synchron.mp4"]" type="video/mp4">
         Your browser does not support video.
     </video>
     <div class="text-center" style="width: inherit;height: inherit;justify-content: center;display: flex;flex-direction: column;flex-basis: inherit;

LuminaryVisuals/Components/Pages/Login.razor

@@ -9,7 +9,7 @@
     <video autoplay muted loop id="synchron"  style="position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;">
         <source src="synchronHVEC.mp4" type="video/mp4; codecs=hevc">
         <source src="synchron.mp4" type="video/mp4">
-      Your browser does not support video.
+        Your browser does not support video.
   </video>
     <div class="text-center" style="width: inherit;height: inherit;justify-content: center;display: flex;flex-direction: column;flex-basis: inherit;
         align-content: space-between;align-items: center;">

LuminaryVisuals/Program.cs

@@ -300,7 +300,7 @@
 }
 
 app.UseHttpsRedirection();
-
+app.UseStaticFiles();
 app.MapStaticAssets();
 app.UseRouting();
 app.UseAuthentication();