twilio - 如何在 twilio API 中接听来电

Question

如何使用接听按钮在 Twilio Api 中接听，我无法在浏览器上接听电话，我想知道如何在连接设备时接听或拒绝来电，请点击“接听”按钮，请帮助我

我的代码片段是

Twilio.Device.setup('<?=$token?>');

Twilio.Device.ready(function(device) {
});

 Twilio.Device.incoming(function(conn) {
 $("#number").val(conn.parameters.From);
 var ss= "Incomging Call:\n"+conn.parameters.From; 
 $("#log").text("Incoming connection from " + conn.parameters.From);
    // accept the incoming connection and start two-way audio
    conn.accept();

});



Twilio.Device.error(function(conn) {
alert("Error:\n"+data);
});

function call() {
    // get the phone number or client to connect the call to
  //  params = {"PhoneNumber": $("#number").val()};
   // Twilio.Device.connect(params);
  Twilio.Device.connect();
  }

  function hangup() {
    Twilio.Device.disconnectAll();
  }


 <input type="text" id="number" name="number"  />
 <button class="call" onclick="call();">
  Answer
</button>

<button class="hangup" onclick="hangup();">
  Reject
</button>
<div id="log">Loading app</div>

对 twilio 来电有什么想法吗？？？

Answer 1

这里是 Twilio 传道者。

您上面包含的代码会自动应答来电，因为您正在传入事件回调中调用accept()函数。

如果您想要更改您的应用程序，以便仅在单击按钮后应答调用，您首先需要向 UI 添加第二个按钮。在该按钮 click 事件中，您调用一个函数，该函数调用 accept function 。

您可以继续使用传入回调执行一些操作，例如仅在有来电时才启用接受按钮，但请注意，您需要创建一个全局变量来保存传入连接，以便您可以在accept 函数。

var connection;

Twilio.Device.incoming(function(conn) {
    connection = conn;

    $("#number").val(conn.parameters.From);
    var ss= "Incomging Call:\n"+conn.parameters.From; 
    $("#log").text("Incoming connection from " + conn.parameters.From);

    //enable the accept button
    $(".accept").prop('disabled', false);
});

function accept() {
    connection.accept();
}

<button class="accept" onclick="accept();" disabled>Accept</button>

当然，您可以在传入函数中得到比上面显示的更复杂的函数。查看this blog post一个更复杂的示例展示了如何使用 jQuery 对话框小部件来显示屏幕弹出窗口。希望有帮助。