Function OutputNode

audio-flow/src/components/OutputNode.tsx:5–29

()

import { toggleAudio } from '../Audio';

export function OutputNode() {
    const [isRunning, setIsRuning] = useState(false);

    return <div className={'bg-white shadow-xl p-[20px]'}>
        <Handle className='w-[10px] h-[10px]' type="target" position={Position.Top} />

        <div>
            <p>输出节点</p>
            <button onClick={() => {
                setIsRuning(isRunning => !isRunning)
                toggleAudio();
            }}>
                {isRunning ? (
                    <span role="img">
                    🔈
                    </span>
                ) : (
                    <span role="img">
                    🔇
                    </span>
                )}
            </button>
        </div>
    </div>
}