在Agora Web SDK中添加声音效果

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

想要改进此问题？更新问题，因此它仅针对一个问题编辑此帖子。

闭合 2年前。

Answer 1

假设您是最新版本的 agoraappbuilder core（2.1.0）

是您可以实现用例的方法

用户加入，用户disconnect

在应用程序中导航到{app-name}/src/pages/videocall.tsx

导航到您的<<<代码> propsprovider 组件。

它可能看起来像这样，

<PropsProvider
    value={{
        rtcProps: {
            ...rtcProps,
            callActive,
        },
        callbacks, // --> callbacks for events
        ...restProps
}}>

寻找回调 props，
回调 props采用对象类型：

export interface CallbacksInterface {    
  UserJoined: () => {};
  UserOffline: () => {};
  ...otherCallbacks

如果要注册用户jojo的回调或离线（断开连接），则可以将回调传递到您的propsprovider

const playSound = () => {
    let src ='http://commondatastorage.googleapis.com/codeskulptor-assets/sounddogs/explosion.mp3';
    let audio = new Audio(src);
    audio.play();
}

<PropsProvider
    value={{
        .
        .
        callbacks= {
              UserOffline: () =>{
                  console.log('User offline')
                  playSound()
              },
              UserJoined: () => {
                  console.log('User Joined')
                  playSound()
              }
            .
        }
        .
    }}
}}>

与接收到的消息相似，您可以使用事件对象。
在您的videocall组件中使用：

const {events} = useContext(ChatContext);

一旦您访问事件对象，请注册您的自定义事件public和private 消息。

events.on(
  messageChannelType.Public,
  'onPublicMessageReceived',
  (data: any, error: any) => {
    if (!data) return;
    playSound()
  },
);
events.on(
  messageChannelType.Private,
  'onPrivateMessageReceived',
  .
  .
  .

有计划发布较新版本的Agora App Builder Core，新版本将可以访问Agora AppBuilder Extension API。 Extension API将使您无需触摸核心代码库来增强/添加新功能。