Twilio 2.x：通过连接发送自定义参数 api

Question

我是来问你关于 Twilio 功能的。 现在我正在使用 Twilio 服务开发会议服务，但遇到了一个难题。 当我使用连接 API 时，回调返回一个包含参与者身份的 JSON object。 我想发送带有参与者身份的参与者名称。

这是连接 function。

createLocalTracks(options)
  .then(localTracks => {
    return connect(room.accessToken, {
      name: room.roomName,
      tracks: localTracks,
    })
  }).then(room => {
    console.log(room.data);    // Returns JSON Object that includes only participant_identity.
    this.participants.push("You");
  })

控制台结果如下。

{
  dominantSpeaker: null
  isRecording: true
  localParticipant: {
    ...,
    identity: 'xxx',
    ...
  }
  mediaRegion: "us1"
  name: "Soundblock.Project.2608117C-F92E-442A-A67D-4ED428522CE0"
  participants: []
  sid: "RM6336d72cb198fa58aa37f66af9eaf02d"
  state: "connected"
}

我想获得带有身份的参与者名称。 所以结果一定是这样的。

{
  dominantSpeaker: null
  isRecording: true
  localParticipant: {
    ...,
    identity: 'xxx',
    participant_name: 'ABC'
    ...
  }
  mediaRegion: "us1"
  name: "Soundblock.Project.2608117C-F92E-442A-A67D-4ED428522CE0"
  participants: [
    { identity: 'YYY', participant_name: 'BCD' },
    { identity: 'ZZZ', participant_name: 'CDE' },
    ...
  ]
  sid: "RM6336d72cb198fa58aa37f66af9eaf02d"
  state: "connected"
}

有没有人可以帮助我解决这个问题？ 谢谢你。

Answer 1

你有两种方法来获得它：

1. 如果您在后面调用 Twilio API 然后创建在前面提供的 object，请在后面适当地更改它，以便它在前端返回您需要的内容。

2. 如果您从前面直接调用 Twilio API（或者您不想在后面更改），您可以使用 class 进行适当的接口和映射。 像这样的东西：

interface ParticipantI {
  // NOTE: Put the right types on it
  dominantSpeaker: string;
  isRecording: boolean;
  localParticipant: {
    ...,
    identity: string;
    ...
  }
  mediaRegion: string;
  name: string;
  participants: {identity: 'string'; participant_name: 'string';}[]
  sid: string;
  state: string;
}

export class Participant {

  dominantSpeaker: string;
  isRecording: boolean;
  localParticipant: {
    ...,
    identity: string;
    participant_name?: string;
    ...
  }
  mediaRegion: string;
  name: string;
  participants: {identity: 'string'; participant_name: 'string';}[]
  sid: string;
  state: string;

  constructor (participant:ParticipantI) {

  this.dominantSpeaker = participant.dominantSpeaker;
  this.isRecording= participant.isRecording;
  this.localParticipant = participant.localParticipant;
  this.participants = participant.participants;
  ... // Complete the assignment of the rest of the fields

  // Managing the transformations
  // Look up for 'participant_name'
  const _participant_name = this.participants.find( ({ identity }) => identity === this.localParticipant.identity );
  // Add it to localParticipant
  this.localParticipant.participant_name = _participant_name.participant_name;
  // Delete it from this.participants
  this.participants = this.participants.filter(participan => participan.identity != _participant_name.identity);
 

  }

}

管理您对 API 的呼叫：

createLocalTracks(options)
  .then(localTracks => {
    return connect(room.accessToken, {
      name: room.roomName,
      tracks: localTracks,
    })
  }).then(room => {
    console.log(room.data);    // Returns JSON Object that includes only participant_identity.


    const myExample: Participant  = new Participant(room.data);
    console.log(myExample);


    this.participants.push("You");
  })

Answer 2

Twilio 开发人员布道师在这里。

Participant object没有可用于传递数据的任意属性，例如participant_name名称。

我建议您在后端创建一个 API，它可以接收参与者身份并返回有关参与者的数据。 这样，当参与者连接时，您可以向后端发出请求以获取有关他们的更多数据。

或者，您可以使用DataTrack API将此类数据发送给其他参与者。