在一个组件中播放声音可在所有组件中播放

// 使用React框架的示例
import React, { useEffect, useRef } from 'react';

const AudioPlayer = ({ src }) => {
  const audioRef = useRef(null);

  useEffect(() => {
    const audio = audioRef.current;
    audio.src = src;

    return () => {
      // 清理资源
      audio.pause();
      audio.src = '';
    };
  }, [src]);

  const playSound = () => {
    const audio = audioRef.current;
    audio.play().catch(error => {
      console.error('播放失败:', error);
    });
  };

  return (
    <div>
      <audio ref={audioRef} />
      <button onClick={playSound}>播放声音</button>
    </div>
  );
};

export default AudioPlayer;