使用react设置音频标签的音量

import React, { useState } from 'react';

const AudioPlayer = () => {
  const [volume, setVolume] = useState(0.5); // 默认音量为0.5
  // 其他组件代码...
}

const AudioPlayer = () => {
  const [volume, setVolume] = useState(0.5);

  return (
    <div>
      <audio volume={volume} controls>
        <source src="your-audio-file.mp3" type="audio/mpeg" />
      </audio>
      {/* 其他组件代码... */}
    </div>
  );
}

const AudioPlayer = () => {
  const [volume, setVolume] = useState(0.5);

  const handleVolumeChange = (event) => {
    setVolume(event.target.value);
  };

  return (
    <div>
      <audio volume={volume} controls>
        <source src="your-audio-file.mp3" type="audio/mpeg" />
      </audio>
      <input
        type="range"
        min="0"
        max="1"
        step="0.1"
        value={volume}
        onChange={handleVolumeChange}
      />
      {/* 其他组件代码... */}
    </div>
  );
}