更新时间:2023-10-11 GMT+08:00
开发样例
环境要求 |
- |
---|---|
引用库 |
AICCSupport.js |
下载链接 |
index.html
<!DOCTYPE html> <html> <head> <title>AICC Support Demo Page</title> <meta charset="UTF-8"> <script type="text/javascript" src="AICCSupport.js"></script> </head> <body> <h1>AICC Support Demo Page</h1> <br/> <div> <button id="initBtn">移除初始化事件</button> <button id="ringingBtn">移除来电事件</button> <button id="talkingBtn">移除接听事件</button> <button id="releaseBtn">移除挂断事件</button> <button id="switchBtn">多媒体切换用户事件</button> <button id="verifyBtn">注册身份认证结果返回事件</button> </div> <br/> <div> <input id="outboundNum" type="text" value="88880085" /> <input id="outboundType" type="text" value="audio" /> <button id="audioBtn">音频</button> <button id="videoBtn">视频</button> <button id="emailBtn">邮件</button> <button id="whatsappBtn">whatsapp</button> <button id="oneKeyOutbound">一键外呼</button> </div> <br/> <div> <button id="clearMessage">清屏</button> </div> <br/> <div id="recMessage" style="font-size:8px;height:400px;overflow-y:auto"> </div> </body> <script> // 打开页面执行的方法 window.onload = function() { // 获取展示CallData的元素 var messageEle = document.getElementById('recMessage'); // 打开页面直接注册Init事件 AICCSupport.addHandler('Init', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Init',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 初始化事件 '+ JSON.stringify(eventData); } ); // 打开页面直接注册Ringing事件 AICCSupport.addHandler('Ringing', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Ringing',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 来电事件 '+ JSON.stringify(eventData); } ); // 打开页面直接注册Talking事件 AICCSupport.addHandler('Talking', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Talking',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 接听事件 '+ JSON.stringify(eventData); } ); // 打开页面直接注册Release事件 AICCSupport.addHandler('Release', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Release',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 挂断事件 '+ JSON.stringify(eventData); } ); // 获取外呼号码的元素 var outboundNum = document.getElementById('outboundNum') // 获取外呼类型的元素 var outboundType = document.getElementById('outboundType'); // 监听音频按钮的点击事件 var audioAndVideoBtn = document.getElementById('audioBtn'); audioAndVideoBtn.addEventListener('click', function (e) { // 修改外呼类型为audio outboundType.value = 'audio' }); // 监听视频按钮的点击事件 var audioAndVideoBtn = document.getElementById('videoBtn'); audioAndVideoBtn.addEventListener('click', function (e) { // 修改外呼类型为video outboundType.value = 'video' }); // 监听email按钮的点击事件 var audioAndVideoBtn = document.getElementById('emailBtn'); audioAndVideoBtn.addEventListener('click', function (e) { // 修改外呼类型为email outboundType.value = 'email' }); // 监听whatsapp按钮的点击事件 var audioAndVideoBtn = document.getElementById('whatsappBtn'); audioAndVideoBtn.addEventListener('click', function (e) { // 修改外呼类型为whatsapp outboundType.value = 'whatsapp' }); // 监听一键外呼按钮的点击事件 var oneKeyOutbound = document.getElementById('oneKeyOutbound'); oneKeyOutbound.addEventListener('click', function (e) { var num = outboundNum.value; var type = outboundType.value; // 执行一键外呼 AICCSupport.clickToOutbound({mediaType: type,calledNum: num}) }); // 监听注册\移除初始化事件按钮的点击事件 var initBtn = document.getElementById('initBtn'); initBtn.addEventListener('click', function (e) { var val = initBtn.innerHTML; // 移除事件 if(val === '移除初始化事件'){ initBtn.innerHTML = '注册初始化事件'; AICCSupport.removeHandler('Init'); } //注册事件 if(val === '注册初始化事件'){ initBtn.innerHTML = '移除初始化事件'; AICCSupport.addHandler('Init', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Init',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 初始化事件 '+ JSON.stringify(eventData); } ); } }); // 监听注册\移除来电事件按钮的点击事件 var ringingBtn = document.getElementById('ringingBtn'); ringingBtn.addEventListener('click', function (e) { var val = ringingBtn.innerHTML; // 移除事件 if(val === '移除来电事件'){ ringingBtn.innerHTML = '注册来电事件'; AICCSupport.removeHandler('Ringing'); } //注册事件 if(val === '注册来电事件'){ ringingBtn.innerHTML = '移除来电事件'; AICCSupport.addHandler('Ringing', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Ringing',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 来电事件 '+ JSON.stringify(eventData); } ); } }); // 监听注册\移除接听事件按钮的点击事件 var talkingBtn = document.getElementById('talkingBtn'); talkingBtn.addEventListener('click', function (e) { var val = talkingBtn.innerHTML; // 移除事件 if(val === '移除接听事件'){ talkingBtn.innerHTML = '注册接听事件'; AICCSupport.removeHandler('Talking'); } //注册事件 if(val === '注册接听事件'){ talkingBtn.innerHTML = '移除接听事件'; AICCSupport.addHandler('Talking', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Talking',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 接听事件 '+ JSON.stringify(eventData); } ); } }); // 监听注册\移除挂断事件按钮的点击事件 var releaseBtn = document.getElementById('releaseBtn'); releaseBtn.addEventListener('click', function (e) { var val = releaseBtn.innerHTML; // 移除事件 if(val === '移除挂断事件'){ releaseBtn.innerHTML = '注册挂断事件'; AICCSupport.removeHandler('Release'); } //注册事件 if(val === '注册挂断事件'){ releaseBtn.innerHTML = '移除挂断事件'; AICCSupport.addHandler('Release', (eventData)=>{ // 回调方法 // 输出事件数据到控制台 console.log('AICC Support Demo Page Release',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 挂断事件 '+ JSON.stringify(eventData); } ); } }); // 监听注册\移除多媒体切换用户事件按钮的点击事件 var switchBtn = document.getElementById('switchBtn'); switchBtn.addEventListener('click', function (e) { var val = switchBtn.innerHTML; // 移除事件 if(val === '移除多媒体切换用户事件'){ switchBtn.innerHTML = '注册多媒体切换用户事件'; AICCSupport.removeHandler('Switch'); } //注册事件 if(val === '注册多媒体切换用户事件'){ switchBtn.innerHTML = '移除多媒体切换用户事件'; AICCSupport.addHandler('Switch', (eventData)=>{ console.log('AICC Support Demo Page Switch',data); // 将事件数据展示到页面(id为recMessage的div) let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 多媒体切换用户事件 '+ JSON.stringify(eventData); } ); } }); // 监听注册\移除身份认证结果返回事件按钮的点击事件 var verifyBtn = document.getElementById('verifyBtn'); verifyBtn.addEventListener('click', function (e) { var val = verifyBtn.innerHTML; if(val === '移除身份认证结果返回事件'){ verifyBtn.innerHTML = '注册身份认证结果返回事件'; AICCSupport.removeHandler('IvrReturn'); } if(val === '注册身份认证结果返回事件'){ verifyBtn.innerHTML = '移除身份认证结果返回事件'; AICCSupport.addHandler('IvrReturn', (data)=>{ console.log('AICC Support Demo Page IvrReturn',data); let oldMessage = document.getElementById('recMessage').innerHTML messageEle.innerHTML = oldMessage +'<br/>'+new Date()+' 身份认证结果返回事件 '+ JSON.stringify(data).replace(/\\/g, ''); } ); } }); // 监听清屏按钮的点击事件 var clearMessage = document.getElementById('clearMessage'); clearMessage.addEventListener('click', function (e) { // 清除展示内容(id为recMessage的div) document.getElementById('recMessage').innerHTML = ''; }); } </script> </html>
父主题: 集成开发