refactor: 增加 type 区分音视频

Author: ArgoZhang

src/BootstrapBlazor/Services/MediaDevices/DefaultAudioDevice.cs

@@ -24,7 +24,7 @@ class DefaultAudioDevice(IMediaDevices deviceService) : IAudioDevice
 
     public Task<bool> Open(MediaTrackConstraints constraints)
     {
-        return deviceService.Open(constraints);
+        return deviceService.Open("audio", constraints);
     }
 
     public Task<bool> Close(string? selector)

src/BootstrapBlazor/Services/MediaDevices/DefaultMediaDevices.cs

@@ -21,10 +21,10 @@ private async Task<JSModule> LoadModule()
         return await module.InvokeAsync<List<MediaDeviceInfo>?>("enumerateDevices");
     }
 
-    public async Task<bool> Open(MediaTrackConstraints constraints)
+    public async Task<bool> Open(string type, MediaTrackConstraints constraints)
     {
         var module = await LoadModule();
-        return await module.InvokeAsync<bool>("open", constraints);
+        return await module.InvokeAsync<bool>("open", type, constraints);
     }
 
     public async Task<bool> Close(string? selector)

src/BootstrapBlazor/Services/MediaDevices/DefaultVideoDevice.cs

@@ -24,7 +24,7 @@ class DefaultVideoDevice(IMediaDevices deviceService) : IVideoDevice
 
     public Task<bool> Open(MediaTrackConstraints constraints)
     {
-        return deviceService.Open(constraints);
+        return deviceService.Open("video", constraints);
     }
 
     public Task<bool> Close(string? selector)

src/BootstrapBlazor/Services/MediaDevices/IMediaDevices.cs

@@ -19,9 +19,10 @@ public interface IMediaDevices
     /// <summary>
     /// The open() method of the MediaDevices interface creates a new MediaStream object and starts capturing media from the specified device.
     /// </summary>
+    /// <param name="type">video or audio</param>
     /// <param name="constraints"></param>
     /// <returns></returns>
-    Task<bool> Open(MediaTrackConstraints constraints);
+    Task<bool> Open(string type, MediaTrackConstraints constraints);
 
     /// <summary>
     /// The close() method of the MediaDevices interface stops capturing media from the specified device and closes the MediaStream object.

src/BootstrapBlazor/wwwroot/modules/media.js

@@ -12,13 +12,12 @@ export async function enumerateDevices() {
     return ret;
 }
 
-export async function open(options) {
-    const isVideo = options.video && options.video !== false;
+export async function open(type, options) {
     let ret = false;
-    if (isVideo) {
+    if (type === "video") {
         ret = await openVideoDevice(options);
     }
-    else {
+    else if (type === "audio") {
         ret = await record(options);
     }
     return ret;
@@ -41,8 +40,7 @@ const openVideoDevice = async options => {
         video: {
             deviceId: options.deviceId ? { exact: options.deviceId } : null,
             facingMode: { ideal: options.facingMode || "environment" }
-        },
-        audio: false
+        }
     }
 
     const { videoSelector, width, height } = options;
@@ -163,7 +161,6 @@ const closeStream = stream => {
 
 export async function record(options) {
     const constrains = {
-        video: false,
         audio: {
             deviceId: options.deviceId ? { exact: options.deviceId } : null
         }