feat: rename tool

YuanfenNet · May 30, 2024 · 0c2a02e · 0c2a02e
1 parent fb1fdda
commit 0c2a02e
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/content/changelog.md b/content/changelog.md
@@ -1,7 +1,7 @@
 #### 2024-05-29
 
 - 新增「User Agent 解析」小工具
-- 新增「摄像头录制」小工具
+- 新增「摄像头录制 MP4」小工具
 
 #### 2024-05-14
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -75,7 +75,7 @@ useHead({
         </NuxtLink>
         <NuxtLink class="tool-link" to="/webcam-recorder">
           <ElButton type="primary" size="large" plain round>
-            摄像头录制
+            摄像头录制 MP4
           </ElButton>
         </NuxtLink>
       </el-row>

diff --git a/pages/webcam-recorder.client.vue b/pages/webcam-recorder.client.vue
@@ -13,6 +13,16 @@ let reader: ReadableStreamDefaultReader<Uint8Array>
 let writer: WritableStreamDefaultWriter<Uint8Array>
 let outputStream: ReadableStream<Uint8Array>
 
+useHead({
+  title: '摄像头录制 MP4',
+  meta: [
+    {
+      name: 'description',
+      content: '在线调用系统摄像头录制 MP4 视频，基于 mediaDevices.getUserMedia 和 WebAV 库实现',
+    },
+  ],
+})
+
 async function onStartButtonClick() {
   const recodeMS = mediaStream.clone()
   recorder = new AVRecorder(recodeMS, {
@@ -85,7 +95,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <page header="摄像头录制" class="page-webcam-recorder">
+  <page header="摄像头录制 MP4" class="page-webcam-recorder">
     <div class="box-container">
       <div class="video-container">
         <video ref="videoRef" autoplay class="video" />