diff --git a/public/audio/begin_left.mp3 b/public/audio/begin_left.mp3
new file mode 100644
index 0000000..084b48e
Binary files /dev/null and b/public/audio/begin_left.mp3 differ
diff --git a/public/audio/begin_right.mp3 b/public/audio/begin_right.mp3
new file mode 100644
index 0000000..7d741aa
Binary files /dev/null and b/public/audio/begin_right.mp3 differ
diff --git a/public/audio/end_left.mp3 b/public/audio/end_left.mp3
new file mode 100644
index 0000000..965b171
Binary files /dev/null and b/public/audio/end_left.mp3 differ
diff --git a/public/audio/end_right.mp3 b/public/audio/end_right.mp3
new file mode 100644
index 0000000..cd7bd18
Binary files /dev/null and b/public/audio/end_right.mp3 differ
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index e682d99..da6dc4c 100644
--- a/src/components/Header.tsx
+++ b/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
diff --git a/src/pages/measure/components/MeasureAction.tsx b/src/pages/measure/components/MeasureAction.tsx
index 77c6c1e..24f6a31 100644
--- a/src/pages/measure/components/MeasureAction.tsx
+++ b/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;