添加音频播报

src/components/Header.tsx

@@ -161,10 +161,10 @@ export default function Header() {
 		<>
 			{contextHolder}
 			<div className="bg-[--bgColor] h-full flex items-center">
-				<section className="ml-auto rounded-md h-9 mr-4 flex items-center bg-white gap-4 px-4">
-					<span>温度：{deviceInfo.temperature.toFixed(1)}℃ </span>
-					<span>X轴倾斜：{deviceInfo.inclinatorX}</span>
-					<span>Y轴倾斜：{deviceInfo.inclinatorY}</span>
+				<section className="ml-auto rounded-md h-9 mr-4 flex items-center bg-white gap-2 pl-4">
+					<span className="w-[94px]">温度：{deviceInfo.temperature.toFixed(1)}℃ </span>
+					<span className="w-[120px]">X轴倾斜：{deviceInfo.inclinatorX}</span>
+					<span className="w-[120px]">Y轴倾斜：{deviceInfo.inclinatorY}</span>
 				</section>
 				<section className="bg-white rounded-md h-9 w-12 relative  mr-3 flex justify-center items-center">
 					<img

src/pages/measure/components/MeasureAction.tsx

@@ -199,21 +199,61 @@ export default function MeasureAction() {
 					case "START_RECORD_LEFT":
 						updated[0].color = "g";
 						updated[1].color = "b";
+						const audio1 = new Audio("/audio/begin_left.mp3");
+						// 播放音频
+						audio1
+							.play()
+							.then(() => {
+								console.log("音频开始播放");
+							})
+							.catch(err => {
+								console.error("播放音频时出错:", err);
+							});
 						break;
 					case "FINISH_RECORD_LEFT":
 						updated[1].color = "g";
 						updated[2].color = "g";
 						updated[3].color = "b";
 						isLeftFinished.current = true;
+						const audio2 = new Audio("/audio/end_left.mp3");
+						// 播放音频
+						audio2
+							.play()
+							.then(() => {
+								console.log("音频开始播放");
+							})
+							.catch(err => {
+								console.error("播放音频时出错:", err);
+							});
 						break;
 					case "START_RECORD_RIGHT":
 						updated[3].color = "g";
 						updated[4].color = "b";
+						const audio3 = new Audio("/audio/begin_right.mp3");
+						// 播放音频
+						audio3
+							.play()
+							.then(() => {
+								console.log("音频开始播放");
+							})
+							.catch(err => {
+								console.error("播放音频时出错:", err);
+							});
 						break;
 					case "FINISH_RECORD_RIGHT":
 						updated[4].color = "g";
 						updated[5].color = "g";
 						setMeasurementFinished(true);
+						const audio4 = new Audio("/audio/end_right.mp3");
+						// 播放音频
+						audio4
+							.play()
+							.then(() => {
+								console.log("音频开始播放");
+							})
+							.catch(err => {
+								console.error("播放音频时出错:", err);
+							});
 						break;
 					default:
 						break;