fix(Camera): add last device id support switch device (#8262)

* Track last used video device in camera component

Added lastUsedDeviceId property to camera object for tracking the last used video device.

Signed-off-by: kkxkx <63846879+kkxkx@users.noreply.github.com>

* chore: 更改文件编码

* chore: bump version 10.8.2-beta04

---------

Signed-off-by: kkxkx <63846879+kkxkx@users.noreply.github.com>
Co-authored-by: Argo Zhang <argo@live.ca>

Author: kkxkx

src/BootstrapBlazor/BootstrapBlazor.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.8.2-beta03</Version>
+    <Version>10.8.2-beta04</Version>
   </PropertyGroup>
 
   <ItemGroup>

src/BootstrapBlazor/Components/Camera/Camera.razor.js

@@ -1,4 +1,4 @@
-import Data from "../../modules/data.js"
+import Data from "../../modules/data.js"
 
 const openDevice = camera => {
     if (camera.video) {
@@ -45,6 +45,7 @@ const play = (camera, option = {}) => {
         camera.video.element.srcObject = stream
         camera.video.element.play()
         camera.video.track = stream.getVideoTracks()[0]
+        camera.lastUsedDeviceId = option.video.deviceId.exact ?? option.video.deviceId;
         camera.invoke.invokeMethodAsync("TriggerOpen")
     }).catch(err => {
         delete camera.video
@@ -57,7 +58,7 @@ export function init(id, invoke) {
     if (el === null) {
         return
     }
-    const camera = { el, invoke }
+    const camera = { el, invoke, lastUsedDeviceId: null }
     Data.set(id, camera)
 
     navigator.mediaDevices.getUserMedia({ video: true, audio: false }).then(s => {
@@ -81,6 +82,7 @@ export function update(id) {
     // handler switch device
     if (camera.video) {
         const deviceId = camera.el.getAttribute("data-device-id")
+        if (camera.lastUsedDeviceId === deviceId) return;
         if (camera.video.deviceId !== deviceId) {
             stopDevice(camera)
             openDevice(camera)