Merge pull request #5 from ShouChenICU/dev

1、修复现代文件访问检测报错问题

Author: ShouChenICU

components/NavBar.vue

@@ -36,7 +36,7 @@ onMounted(() => {
       <img src="/favicon.webp" alt="web camera" class="size-6 mr-2" />
       <div>
         <span>WebCamera</span>
-        <span class="ml-2 text-xs">v0.1.1</span>
+        <span class="ml-2 text-xs">v0.1.2</span>
       </div>
     </NuxtLink>
 

pages/monitor.vue

@@ -44,6 +44,8 @@ const rtcNode = shallowRef<RTCNode>()
 let stateJobId: any
 let watchDogJonId: any
 
+const isModernFileAPISupport = ref(false)
+
 const isRecordSettingModalOpen = ref(false)
 const isRecording = ref(false)
 const recordingStartTime = ref(0)
@@ -336,6 +338,7 @@ onMounted(() => {
   if (recordMimeTypes.length > 0) {
     recordSetting.value.mimeType = recordMimeTypes[0]
   }
+  isModernFileAPISupport.value = isModernFileAPIAvailable()
 })
 
 onUnmounted(() => {
@@ -429,7 +432,7 @@ onUnmounted(() => {
             >{{ $t('btn.stopRec') }}</UButton
           >
         </div>
-        <div v-show="!isModernFileAPIAvailable()" class="text-xs">
+        <div v-show="!isModernFileAPISupport" class="text-xs">
           <span class="text-red-500">*</span>{{ $t('hint.recHint') }}
         </div>
       </div>