如何使用 useSound 在加载 React.js 页面时设置固定音频音量？

Question

我的代码：

 import React from 'react';
 import useSound from 'use-sound';
 import music from '../audio/cny music.mp3';

 const Audio = () => {
 const [play] = useSound(music,{ volume:0.2  });
 return (
     <audio onload={ play}></audio>
   );      
 };

 export default Audio

我的音频在加载页面时播放，但是，即使我将其设置为 0.2，音量仍为最大。 我是不是错过了什么？

Answer 1

试试这个：

import { useState, useEffect } from 'react';
import useSound from 'use-sound';

const MyComponent = () => {
  const [play, { stop }] = useSound('path/to/audio.mp3', { volume: 0.2 });

  useEffect(() => {
    play();
  }, []);

  return (
    // your component's JSX
  );
}

您还可以使用 useSound 挂钩返回的停止函数在播放声音后调整音量，该函数允许您停止声音并向其应用新选项，包括音量。

stop();
play({ volume: newVolume });

Answer 2

@MarcM

play({ volume: newVolume });

适合你吗？这对我不起作用。