添加校准声音

src/audioManager.js

@@ -1,4 +1,6 @@
 const audioFils = {
+  激光已校准:
+    "https://static.shelingxingqiu.com/attachment/2025-10-29/ddupaur1vdkyhzaqdc.mp3",
   胜利: "https://static.shelingxingqiu.com/attachment/2025-09-17/dcuo9yjp0kt5msvmvd.mp3",
   失败: "https://static.shelingxingqiu.com/attachment/2025-09-17/dcuo9yht2sdwhuqygy.mp3",
   请射箭测试距离:
@@ -64,9 +66,9 @@ function debugLog(...args) {
   // 获取当前环境信息
   const accountInfo = uni.getAccountInfoSync();
   const envVersion = accountInfo.miniProgram.envVersion;
-  
+
   // 只在体验版打印日志，正式版(release)和开发版(develop)不打印
-  if (envVersion === 'trial') {
+  if (envVersion === "trial") {
     console.log(...args);
   }
 }
@@ -77,13 +79,13 @@ class AudioManager {
     this.currentPlayingKey = null;
     this.retryCount = new Map();
     this.maxRetries = 3;
-    
+
     // 串行加载相关属性
     this.audioKeys = [];
     this.currentLoadingIndex = 0;
     this.isLoading = false;
     this.loadingPromise = null;
-    
+
     this.initAudios();
   }
 
@@ -98,11 +100,11 @@ class AudioManager {
     this.isLoading = true;
     this.audioKeys = Object.keys(audioFils);
     this.currentLoadingIndex = 0;
-    
+
     this.loadingPromise = new Promise((resolve) => {
       this.loadNextAudio(resolve);
     });
-    
+
     return this.loadingPromise;
   }
 
@@ -116,8 +118,12 @@ class AudioManager {
     }
 
     const key = this.audioKeys[this.currentLoadingIndex];
-    debugLog(`开始加载音频 ${this.currentLoadingIndex + 1}/${this.audioKeys.length}: ${key}`);
-    
+    debugLog(
+      `开始加载音频 ${this.currentLoadingIndex + 1}/${
+        this.audioKeys.length
+      }: ${key}`
+    );
+
     this.createAudio(key, () => {
       this.currentLoadingIndex++;
       setTimeout(() => {
@@ -182,12 +188,14 @@ class AudioManager {
     if (currentRetries < this.maxRetries) {
       this.retryCount.set(key, currentRetries + 1);
       debugLog(`音频 ${key} 开始第 ${currentRetries + 1} 次重试...`);
-      
+
       setTimeout(() => {
         this.retryLoadAudio(key);
       }, 1000);
     } else {
-      console.error(`音频 ${key} 重试 ${this.maxRetries} 次后仍然失败，停止重试`);
+      console.error(
+        `音频 ${key} 重试 ${this.maxRetries} 次后仍然失败，停止重试`
+      );
       const failedAudio = this.audioMap.get(key);
       if (failedAudio) {
         failedAudio.destroy();

src/components/BowPower.vue

@@ -6,6 +6,8 @@ const power = ref(0);
 const timer = ref(null);
 
 onMounted(async () => {
+  const data = await getDeviceBatteryAPI();
+  power.value = data.battery;
   timer.value = setInterval(async () => {
     const data = await getDeviceBatteryAPI();
     power.value = data.battery;

src/constants.js

@@ -24,6 +24,7 @@ export const MESSAGETYPES = {
   LvlUpdate: 3958625354,
   TeamUpdate: 4168086616,
   InvalidShot: 4168086617,
+  Calibration: 4168086625,
 };
 
 export const topThreeColors = ["#FFD947", "#D2D2D2", "#FFA515"];

src/pages/calibration.vue

@@ -1,9 +1,11 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, onBeforeUnmount } from "vue";
 import Container from "@/components/Container.vue";
 import SButton from "@/components/SButton.vue";
 
 import { laserAimAPI, laserCloseAPI } from "@/apis";
+import { MESSAGETYPES } from "@/constants";
+import audioManager from "@/audioManager";
 
 const guides = [
   {
@@ -20,15 +22,32 @@ const guides = [
   },
 ];
 
+const done = ref(false);
+
 const onComplete = async () => {
   await laserCloseAPI();
-  uni.setStorageSync("calibration", true);
   uni.navigateBack();
 };
 
+function onReceiveMessage(messages = []) {
+  messages.forEach((msg) => {
+    if (msg.constructor === MESSAGETYPES.Calibration) {
+      done.value = true;
+      uni.setStorageSync("calibration", true);
+      audioManager.play("激光已校准");
+    }
+  });
+}
+
 onMounted(async () => {
+  uni.$on("socket-inbox", onReceiveMessage);
   await laserAimAPI();
 });
+
+onBeforeUnmount(async () => {
+  uni.$off("socket-inbox", onReceiveMessage);
+  await laserCloseAPI();
+});
 </script>
 
 <template>
@@ -42,7 +61,12 @@ onMounted(async () => {
         <image :src="guide.src" mode="widthFix" />
       </view>
       <text>请完成以上步骤校准智能弓</text>
-      <SButton :onClick="onComplete" width="60vw" :rounded="40">
+      <SButton
+        :onClick="onComplete"
+        width="60vw"
+        :rounded="40"
+        :disabled="!done"
+      >
         我已校准
       </SButton>
     </view>

src/pages/my-device.vue

@@ -78,6 +78,7 @@ const toFristTryPage = () => {
 
 const unbindDevice = async () => {
   await unbindDeviceAPI(device.value.deviceId);
+  uni.setStorageSync("calibration", false);
   uni.showToast({
     title: "解绑成功",
     icon: "success",
@@ -203,10 +204,6 @@ onShow(() => {
           <text>{{ user.nickName }}</text>
         </view>
       </view>
-      <view v-if="!calibration">
-        <text>恭喜，你的弓箭和账号已成功绑定！</text>
-        <text :style="{ color: '#fed847' }">已赠送6个月射灵世界会员</text>
-      </view>
       <block v-if="calibration">
         <SButton :onClick="toFristTryPage" width="60vw" :rounded="40"
           >进入新手试炼</SButton
@@ -223,6 +220,10 @@ onShow(() => {
         </view>
       </block>
       <block v-else>
+        <view>
+          <text>恭喜，你的弓箭和账号已成功绑定！</text>
+          <text :style="{ color: '#fed847' }">已赠送6个月射灵世界会员</text>
+        </view>
         <SButton :onClick="goCalibration" width="60vw" :rounded="40">
           校准智能弓
         </SButton>
@@ -236,7 +237,7 @@ onShow(() => {
         <view @click="toDeviceIntroPage">
           <image src="../static/device-icon.png" mode="widthFix" />
           <text>{{ device.deviceName }}</text>
-          <view class="calibration" v-if="calibration">
+          <view class="calibration">
             <button hover-class="none" @click="goCalibration">
               <text>去校准</text>
               <image src="../static/enter-arrow-blue.png" mode="widthFix" />