Make Video component

Author: rolandVi

src/Components/Web.JS/src/GlobalExports.ts

@@ -20,7 +20,7 @@ import { WebStartOptions } from './Platform/WebStartOptions';
 import { RuntimeAPI } from '@microsoft/dotnet-runtime';
 import { JSEventRegistry } from './Services/JSEventRegistry';
 import { BinaryImageComponent } from './Rendering/BinaryImageComponent';
-import { BinaryMedia } from './Rendering/Media/BinaryMedia';
+import { BinaryMedia } from './Rendering/BinaryMedia';
 
 // TODO: It's kind of hard to tell which .NET platform(s) some of these APIs are relevant to.
 // It's important to know this information when dealing with the possibility of mulitple .NET platforms being available.

src/Components/Web.JS/src/Rendering/Media/BinaryMedia.ts renamed to src/Components/Web.JS/src/Rendering/BinaryMedia.ts

@@ -1,8 +1,8 @@
 // Licensed to the .NET Foundation under one or more agreements.
 // The .NET Foundation licenses this file to you under the MIT license.
 
-import { Logger, LogLevel } from '../../Platform/Logging/Logger';
-import { ConsoleLogger } from '../../Platform/Logging/Loggers';
+import { Logger, LogLevel } from '../Platform/Logging/Logger';
+import { ConsoleLogger } from '../Platform/Logging/Loggers';
 
 export interface MediaLoadResult {
   success: boolean;

src/Components/Web/src/Media/Video.cs

@@ -0,0 +1,30 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+
+namespace Microsoft.AspNetCore.Components.Web.Media;
+
+/// <summary>
+/// A component that renders video content from non-HTTP sources (byte arrays or streams)
+/// by materializing an in-memory blob and assigning its object URL to the underlying
+/// <c>&lt;video&gt;</c> element.
+/// </summary>
+/// <remarks>
+/// This component uses the same client-side pipeline as <see cref="Image"/> and therefore
+/// reads the full content into memory to create a blob URL. It is not suitable for large or
+/// truly streaming video scenarios. Use browser-native streaming approaches if you require
+/// progressive playback.
+///
+/// To configure common video attributes like <c>controls</c>, <c>autoplay</c>, <c>muted</c>,
+/// or <c>loop</c>, pass them through <see cref="MediaComponentBase.AdditionalAttributes"/>.
+/// </remarks>
+public sealed class Video : MediaComponentBase
+{
+    /// <inheritdoc/>
+    protected override string TagName => "video";
+
+    /// <inheritdoc/>
+    protected override string TargetAttributeName => "src";
+
+    /// <inheritdoc/>
+    protected override string MarkerAttributeName => "data-blazor-video";
+}

src/Components/Web/src/PublicAPI.Unshipped.txt

@@ -23,6 +23,8 @@ Microsoft.AspNetCore.Components.Web.Image.ImageSource.Stream.get -> System.IO.St
 Microsoft.AspNetCore.Components.Web.Internal.IInternalWebJSInProcessRuntime.InvokeJS(in Microsoft.JSInterop.Infrastructure.JSInvocationInfo invocationInfo) -> string!
 Microsoft.AspNetCore.Components.Web.Media.Image
 Microsoft.AspNetCore.Components.Web.Media.Image.Image() -> void
+Microsoft.AspNetCore.Components.Web.Media.Video
+Microsoft.AspNetCore.Components.Web.Media.Video.Video() -> void
 Microsoft.AspNetCore.Components.Web.Media.MediaComponentBase
 Microsoft.AspNetCore.Components.Web.Media.MediaComponentBase.AdditionalAttributes.get -> System.Collections.Generic.Dictionary<string!, object!>?
 Microsoft.AspNetCore.Components.Web.Media.MediaComponentBase.AdditionalAttributes.set -> void