更新时间:2023-10-11 GMT+08:00

开发样例

环境要求

-

引用库

AICCSupport.js

下载链接

index.html

  • 本文档所述Demo在提供服务的过程中,可能会涉及个人数据的使用,建议您遵从国家的相关法律采取足够的措施,以确保用户的个人数据受到充分的保护。

  • 本文档所述Demo仅用于功能演示,不允许客户直接进行商业使用。

  • 本文档信息仅供参考,不构成任何要约或承诺。

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>