diff --git a/package.json b/package.json
index 6d17727..2deb35f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "moodist",
   "type": "module",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
diff --git a/src/components/app/app.tsx b/src/components/app/app.tsx
index de62692..93222d2 100644
--- a/src/components/app/app.tsx
+++ b/src/components/app/app.tsx
@@ -10,6 +10,7 @@ import { useTranslation } from '@/hooks/useTranslation';
 import { Container } from '@/components/container';
 import { StoreConsumer } from '@/components/store-consumer';
 import { Buttons } from '@/components/buttons';
+import { SelectedSoundsDisplay } from '@/components/selected-sounds-display';
 import { Categories } from '@/components/categories';
 import { SharedModal } from '@/components/modals/shared';
 import { Toolbar } from '@/components/toolbar';
@@ -99,6 +100,7 @@ export function App() {
         <Container>
           <div id="app" />
           <Buttons />
+          <SelectedSoundsDisplay />
           <Categories categories={allCategories} />
         </Container>
 
diff --git a/src/components/selected-sounds-display/index.ts b/src/components/selected-sounds-display/index.ts
new file mode 100644
index 0000000..865cf33
--- /dev/null
+++ b/src/components/selected-sounds-display/index.ts
@@ -0,0 +1 @@
+export { SelectedSoundsDisplay } from './selected-sounds-display';
\ No newline at end of file
diff --git a/src/components/selected-sounds-display/selected-sounds-display.tsx b/src/components/selected-sounds-display/selected-sounds-display.tsx
new file mode 100644
index 0000000..bc6bf9c
--- /dev/null
+++ b/src/components/selected-sounds-display/selected-sounds-display.tsx
@@ -0,0 +1,56 @@
+import { useMemo } from 'react';
+import { AnimatePresence } from 'motion/react';
+
+import { useSoundStore } from '@/stores/sound';
+import { useLocalizedSounds } from '@/hooks/useLocalizedSounds';
+import { useTranslation } from '@/hooks/useTranslation';
+
+import { Sound } from '@/components/sounds/sound';
+import styles from '../sounds/sounds.module.css';
+
+export function SelectedSoundsDisplay() {
+  const { t } = useTranslation();
+  const localizedCategories = useLocalizedSounds();
+
+  // 获取选中的声音
+  const selectedSoundIds = useSoundStore(state =>
+    Object.keys(state.sounds).filter(id => state.sounds[id].isSelected)
+  );
+
+  // 获取选中的声音详细信息
+  const selectedSounds = useMemo(() => {
+    const allSounds = localizedCategories
+      .map(category => category.sounds)
+      .flat();
+
+    return selectedSoundIds
+      .map(id => allSounds.find(sound => sound.id === id))
+      .filter(Boolean);
+  }, [selectedSoundIds, localizedCategories]);
+
+  // 如果没有选中任何声音，不显示组件
+  if (selectedSounds.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className={styles.sounds}>
+      <AnimatePresence initial={false}>
+        {selectedSounds.map((sound) => (
+          <Sound
+            key={sound.id}
+            id={sound.id}
+            icon={sound.icon}
+            label={sound.label}
+            src={sound.src}
+            functional={false}
+            displayMode={true}
+            hidden={false}
+            selectHidden={() => {}}
+            unselectHidden={() => {}}
+          />
+        ))}
+      </AnimatePresence>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/components/sounds/sound/sound.tsx b/src/components/sounds/sound/sound.tsx
index 80fa69a..92e683d 100644
--- a/src/components/sounds/sound/sound.tsx
+++ b/src/components/sounds/sound/sound.tsx
@@ -21,10 +21,11 @@ interface SoundProps extends SoundType {
   hidden: boolean;
   selectHidden: (key: string) => void;
   unselectHidden: (key: string) => void;
+  displayMode?: boolean; // 新增：展示模式参数
 }
 
 export const Sound = forwardRef<HTMLDivElement, SoundProps>(function Sound(
-  { functional, hidden, icon, id, label, selectHidden, src, unselectHidden },
+  { functional, hidden, icon, id, label, selectHidden, src, unselectHidden, displayMode = false },
   ref,
 ) {
   const isPlaying = useSoundStore(state => state.isPlaying);
@@ -60,12 +61,15 @@ export const Sound = forwardRef<HTMLDivElement, SoundProps>(function Sound(
   useEffect(() => {
     if (locked) return;
 
-    if (isSelected && isPlaying && functional) {
+    // 在展示模式下或者功能模式下，只要选中且在播放就应该播放
+    const shouldPlay = isSelected && isPlaying && (functional || displayMode);
+
+    if (shouldPlay) {
       sound?.play();
     } else {
       sound?.pause();
     }
-  }, [isSelected, sound, isPlaying, functional, locked]);
+  }, [isSelected, sound, isPlaying, functional, displayMode, locked]);
 
   useEffect(() => {
     if (hidden && isSelected) selectHidden(label);
@@ -75,7 +79,8 @@ export const Sound = forwardRef<HTMLDivElement, SoundProps>(function Sound(
   // 改进的随机逻辑 - 每次只随机调整一个参数，频率为1分钟
   useEffect(() => {
     const hasAnyRandom = isRandomSpeed || isRandomVolume || isRandomRate;
-    if (!hasAnyRandom || !isSelected || !isPlaying) return;
+    const isActiveMode = functional || displayMode;
+    if (!hasAnyRandom || !isSelected || !isPlaying || !isActiveMode) return;
 
     const interval = setInterval(() => {
       // 获取当前启用的随机选项列表
diff --git a/src/data/i18n.ts b/src/data/i18n.ts
index 9e5fbc7..6ff4de9 100644
--- a/src/data/i18n.ts
+++ b/src/data/i18n.ts
@@ -39,6 +39,7 @@ export interface Translations {
   pause: string;
   favorite: string;
   volume: string;
+  selected_sounds: string;
 
   // Support & Donate
   supportMe: string;
@@ -261,6 +262,7 @@ export const translations: Record<string, Translations> = {
     pause: 'Pause',
     favorite: 'Favorite',
     volume: 'Volume',
+    selected_sounds: 'Current Sounds',
 
     // Support & Donate
     supportMe: 'Support Me',
@@ -483,6 +485,7 @@ export const translations: Record<string, Translations> = {
     pause: '暂停',
     favorite: '收藏',
     volume: '音量',
+    selected_sounds: '当前声音',
 
     // Support & Donate
     supportMe: '支持我',