diff --git a/.DS_Store b/.DS_Store
index f7fcacf..5d1d9e1 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/manifest.json b/manifest.json
index fe85297..c09ce08 100644
--- a/manifest.json
+++ b/manifest.json
@@ -21,7 +21,8 @@
             "OAuth" : {},
             "Payment" : {},
             "Share" : {},
-            "SQLite" : {}
+            "SQLite" : {},
+            "VideoPlayer" : {}
         },
         /* 应用发布信息 */
         "distribute" : {
diff --git a/pages.json b/pages.json
index 8e0bfba..f322b7a 100644
--- a/pages.json
+++ b/pages.json
@@ -393,6 +393,13 @@
                 }
             }
         },
+        {
+            "path": "pages/im/private/call",
+            "name": "imPrivateCall",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
         {
             "path": "pages/im/private/setting",
             "name": "imPrivateSetting",
diff --git a/pages/im/friends/group/index.vue b/pages/im/friends/group/index.vue
new file mode 100644
index 0000000..047b2fb
--- /dev/null
+++ b/pages/im/friends/group/index.vue
@@ -0,0 +1,20 @@
+<template>
+    <div>
+        <u-button @click="toIndex">会首页</u-button>
+    </div>
+</template>
+
+<script>
+    export default {
+        methods: {
+            toIndex() {
+                uni.switchTab({
+                    url: '/pages/im/index'
+                })
+            }
+        }
+    }
+</script>
+
+<style>
+</style>
diff --git a/pages/im/friends/info.vue b/pages/im/friends/info.vue
index b30252b..5e4a375 100644
--- a/pages/im/friends/info.vue
+++ b/pages/im/friends/info.vue
@@ -2,10 +2,10 @@
     <view class="content">
         <!-- 用户信息 -->
         <view class="info-flex">
-            <u-avatar :src="userInfo.portraitUrl" shape="square" size="50" bg-color="#fff" />
+            <u-avatar :src="userInfo.portraitUrl" shape="square" size="50" bg-color="#fff"></u-avatar>
             <view class="info-text">
-                <view class="nickname">{{ userInfo.name }}</view>
-                <view class="address" @longpress="copyAddress">地址：{{ userInfo.address }}</view>
+                <view class="nickname">{{userInfo.name}}</view>
+                <view class="address" @longpress="copyAddress">地址：{{userInfo.address}}</view>
             </view>
         </view>
         <!-- 用户资料 -->
@@ -20,15 +20,15 @@
 
         <block v-if="userInfo.is_friend">
             <view class="info-btns">
-                <view class="item" @click="setRemark">
+                <view class="item u-border-bottom" @click="setRemark">
                     <label>设置备注</label>
-                    <u-icon name="arrow-right" color="#999" size="16" />
+                    <u-icon name="arrow-right" color="#999" size="16"></u-icon>
                 </view>
-                <view class="item" @click="setRemark">
+                <view class="item u-border-bottom" @click="setRemark">
                     <label>设置标签</label>
-                    <u-icon name="arrow-right" color="#999" size="16" />
+                    <u-icon name="arrow-right" color="#999" size="16"></u-icon>
                 </view>
-                <view class="item">
+                <view class="item u-border-bottom">
                     <label>聊天免打扰</label>
                     <u-switch size="22" v-model="status" activeColor="#34CE98" @change="setStatus"></u-switch>
                 </view>
@@ -39,15 +39,21 @@
             </view>
             <view class="footer">
                 <view class="footer-item" @click="deleteFriend">
-                    <view class="icon"><u-icon class="icon-u" name="close-circle-fill" color="#fff" size="26" /></view>
+                    <view class="icon">
+                        <u-icon class="icon-u" name="close-circle-fill" color="#fff" size="26"></u-icon>
+                    </view>
                     <view class="text">删除好友</view>
                 </view>
                 <view class="footer-item" @click="toPrivate">
-                    <view class="icon"><u-icon class="icon-u" name="chat-fill" color="#fff" size="26" /></view>
+                    <view class="icon">
+                        <u-icon class="icon-u" name="chat-fill" color="#fff" size="26"></u-icon>
+                    </view>
                     <view class="text">发送消息</view>
                 </view>
-                <view class="footer-item" @click="toPrivate">
-                    <view class="icon"><u-icon class="icon-u" name="camera-fill" color="#fff" size="26" /></view>
+                <view class="footer-item" @click="callShow = true">
+                    <view class="icon">
+                        <u-icon class="icon-u" name="camera-fill" color="#fff" size="26"></u-icon>
+                    </view>
                     <view class="text">视频通话</view>
                 </view>
             </view>
@@ -55,55 +61,68 @@
         <block v-else>
             <view class="footer">
                 <view class="footer-item" @click="toBeFriend">
-                    <view class="icon"><u-icon class="icon-u" name="plus-people-fill" color="#fff" size="26" /></view>
+                    <view class="icon">
+                        <u-icon class="icon-u" name="plus-people-fill" color="#fff" size="26"></u-icon>
+                    </view>
                     <view class="text">申请好友</view>
                 </view>
             </view>
         </block>
+        <u-action-sheet :actions="callActions" cancelText="取消" @close="callShow = false" @select="singleCall"
+            :show="callShow">
+        </u-action-sheet>
     </view>
 </template>
 
 <script>
-import { getFriendInfo, pedingFriend, deleteFriend } from '@/apis/interfaces/im.js';
-import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index';
+    import {
+        getFriendInfo,
+        pedingFriend,
+        deleteFriend
+    } from '@/apis/interfaces/im.js'
+    import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
+    import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
 
-export default {
-    data() {
-        return {
-            targetId: '',
-            userInfo: {},
-            status: false, // 0 是免打扰，1是正常通知
-            isTop: false,
-            block: false,
-            conversationType: 1
-        };
-    },
-    onLoad(e) {
-        this.targetId = e.targetId;
-        getFriendInfo(e.targetId).then(res => {
-            this.userInfo = res;
-            uni.setNavigationBarTitle({
-                title: res.name
-            });
-        });
-        RongIMLib.getConversationNotificationStatus(this.conversationType, this.targetId, ({ status }) => {
-            this.status = !Boolean(status);
-        });
-        RongIMLib.getConversation(this.conversationType, this.targetId, ({ code, conversation }) => {
-            if (code == 0) {
-                this.isTop = conversation.isTop;
+    export default {
+        data() {
+            return {
+                targetId: '',
+                userInfo: {},
+                status: false, // 0 是免打扰，1是正常通知
+                isTop: false,
+                block: false,
+                conversationType: 1,
+                callActions: [{
+                        type: 0,
+                        name: '语音通话'
+                    },
+                    {
+                        type: 1,
+                        name: '视频通话'
+                    }
+                ],
+                callShow: false
             }
-        });
-    },
-    methods: {
-        copyAddress() {
-            uni.setClipboardData({
-                data: this.userInfo.address,
-                success: () => {
-                    uni.showToast({
-                        icon: 'none',
-                        title: '复制区块链成功'
-                    });
+        },
+        onLoad(e) {
+            this.targetId = e.targetId
+            getFriendInfo(e.targetId).then(res => {
+                this.userInfo = res
+                uni.setNavigationBarTitle({
+                    title: res.name
+                })
+            })
+            RongIMLib.getConversationNotificationStatus(this.conversationType, this.targetId, ({
+                status
+            }) => {
+                this.status = !Boolean(status)
+            })
+            RongIMLib.getConversation(this.conversationType, this.targetId, ({
+                code,
+                conversation
+            }) => {
+                if (code == 0) {
+                    this.isTop = conversation.isTop
                 }
             });
         },
@@ -120,156 +139,212 @@ export default {
         },
         deleteFriend() {
             uni.showModal({
-                title: '删除确认',
-                content: '确认删除后不可恢复',
-                success: e => {
-                    if (e.confirm) {
-                        deleteFriend(this.targetId).then(res => {
-                            // 删除聊天记录
-                            RongIMLib.deleteMessages(1, this.targetId);
-                            RongIMLib.removeConversation(1, this.targetId);
-                            uni.showToast({
-                                icon: 'none',
-                                title: '好友删除成功',
-                                success() {
-                                    uni.switchTab({
-                                        url: '/pages/im/index'
+                        title: '删除确认',
+                        content: '确认删除后不可恢复',
+                        success: e => {
+                            if (e.confirm) {
+                                deleteFriend(this.targetId).then(res => {
+                                    // 删除聊天记录
+                                    RongIMLib.deleteMessages(1, this.targetId);
+                                    RongIMLib.removeConversation(1, this.targetId);
+                                    uni.showToast({
+                                        icon: 'none',
+                                        title: '好友删除成功',
+                                        success() {
+                                            uni.switchTab({
+                                                url: '/pages/im/index'
+                                            });
+                                        }
                                     });
-                                }
-                            });
-                        });
-                    }
-                }
-            });
-        },
-        setStatus() {
-            RongIMLib.setConversationNotificationStatus(this.conversationType, this.targetId, this.status, ({ status }) => {
-                this.status = !Boolean(status);
-            });
-        },
-        setTop() {
-            RongIMLib.setConversationToTop(this.conversationType, this.targetId, this.isTop, res => {
-                RongIMLib.getConversation(this.conversationType, this.targetId, ({ conversation }) => {
-                    this.isTop = conversation.isTop;
-                });
-            });
-        },
-        setBlock() {},
-        // 申请好友
-        toBeFriend() {
-            pedingFriend(this.targetId)
-                .then(res => {
+                                });
+                            }
+                        })
+                },
+                toPrivate() {
+                    uni.redirectTo({
+                        url: '/pages/im/private/index?conversationType=1&targetId=' + this.targetId
+                    })
+                },
+                setRemark() {
                     uni.showToast({
-                        title: '申请成功',
+                        title: '开发中',
                         icon: 'none'
-                    });
-                })
-                .catch(err => {
-                    uni.showToast({
-                        icon: 'error',
-                        title: err.message,
-                        duration: 2000
-                    });
-                });
+                    })
+                },
+                deleteFriend() {
+                    uni.showModal({
+                        title: '删除确认',
+                        content: '确认删除后不可恢复',
+                        success: (e) => {
+                            if (e.confirm) {
+                                deleteFriend(this.targetId).then(res => {
+                                    // 删除聊天记录
+                                    RongIMLib.deleteMessages(1, this.targetId)
+                                    RongIMLib.removeConversation(1, this.targetId)
+                                    uni.showToast({
+                                        icon: 'none',
+                                        title: '好友删除成功',
+                                        success() {
+                                            uni.switchTab({
+                                                url: '/pages/im/index'
+                                            })
+                                        }
+                                    })
+                                })
+                            }
+                        }
+                    })
+                },
+                setStatus() {
+                    RongIMLib.setConversationNotificationStatus(this.conversationType, this.targetId, this.status, ({
+                        status
+                    }) => {
+                        this.status = !Boolean(status)
+                    })
+                },
+                setTop() {
+                    RongIMLib.setConversationToTop(this.conversationType, this.targetId, this.isTop, (res) => {
+                        RongIMLib.getConversation(this.conversationType, this.targetId, ({
+                            conversation
+                        }) => {
+                            this.isTop = conversation.isTop
+                        })
+                    })
+                },
+                // 申请好友
+                toBeFriend() {
+                    pedingFriend(this.targetId).then(res => {
+                            uni.showToast({
+                                title: '申请成功',
+                                icon: 'none'
+                            });
+
+                        })
+                        .catch(err => {
+                            uni.showToast({
+                                icon: 'error',
+                                title: err.message,
+                                duration: 2000
+                            })
+                        })
+                },
+                singleCall(e) {
+                    CallLib.startSingleCall(this.targetId, e.type, '');
+                    uni.redirectTo({
+                        url: '/pages/im/private/call',
+                        success: (err) => {
+                            console.log('跳转视频通话成功');
+                        },
+                        fail: (err) => {
+                            console.log('跳转视频页失败', err);
+                        }
+                    })
+                },
         }
     }
-};
+    };
 </script>
 
 <style lang="scss" scoped>
-.content {
-    min-height: 100vh;
-    background: $window-color;
-    padding-top: $padding;
-    box-sizing: border-box;
-}
-
-// 用户信息
-.info-flex {
-    padding: $padding;
-    margin: 0 $margin;
-    display: flex;
-    background: white;
-    border-radius: $radius;
-    .info-text {
-        width: calc(100% - 50px);
-        padding-left: $padding;
+    .content {
+        min-height: 100vh;
+        background: $window-color;
+        padding-top: $padding;
         box-sizing: border-box;
-        .nickname {
-            line-height: 30px;
-            font-size: $title-size + 6;
-            color: $text-color;
-            text-align: left;
-        }
-        .address {
-            line-height: 20px;
-            font-size: $title-size-sm;
-            color: $text-gray;
-            text-align: left;
-            @extend .nowrap;
-        }
     }
-}
 
-// footer
-.footer {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    padding: $padding * 2 $padding;
-    display: flex;
-    justify-content: space-around;
-    .footer-item {
-        margin: 0 $margin/2;
-        text-align: center;
-        .icon {
-            background: $main-color;
-            width: 88rpx;
-            height: 88rpx;
-            line-height: 88rpx;
-            display: inline-block;
-            border-radius: 50%;
-            .icon-u {
-                margin-top: calc((88rpx / 2) - 13px);
-                margin-left: calc((88rpx / 2) - 13px);
+    // 用户信息
+    .info-flex {
+        padding: $padding;
+        margin: 0 $margin;
+        display: flex;
+        background: white;
+        border-radius: $radius;
+
+        .info-text {
+            width: calc(100% - 50px);
+            padding-left: $padding;
+            box-sizing: border-box;
+
+            .nickname {
+                line-height: 30px;
+                font-size: $title-size + 6;
+                color: $text-color;
+                text-align: left;
+            }
+
+            .address {
+                line-height: 20px;
+                font-size: $title-size-sm;
+                color: $text-gray;
+                text-align: left;
+                @extend .nowrap;
             }
         }
-        .text {
-            color: $main-color;
-            font-size: $title-size-m;
-            text-align: center;
-            padding-top: 10rpx;
-        }
     }
-}
 
-// btns
-
-.info-btns {
-    background: white;
-    margin: $margin;
-    border-radius: $radius;
-    .item {
-        line-height: 100rpx;
-        border-bottom: solid 1rpx $border-color;
+    // footer
+    .footer {
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        padding: $padding*2 $padding;
         display: flex;
-        align-items: center;
-        padding: 0 $padding;
-        justify-content: space-between;
-        font-size: $title-size-lg;
-        &:last-child {
-            border-bottom: none;
-        }
-        label {
-            width: 200rpx;
-        }
-        .text {
-            width: calc(100% - 200rpx);
-            color: $text-gray-m;
-            text-align: right;
-            @extend .nowrap;
+        justify-content: space-around;
+
+        .footer-item {
+            margin: 0 $margin/2;
+            text-align: center;
+
+            .icon {
+                background: $main-color;
+                width: 88rpx;
+                height: 88rpx;
+                line-height: 88rpx;
+                display: inline-block;
+                border-radius: 50%;
+
+                .icon-u {
+                    margin-top: calc((88rpx/2) - 13px);
+                    margin-left: calc((88rpx/2) - 13px);
+                }
+            }
+
+            .text {
+                color: $main-color;
+                font-size: $title-size-m;
+                text-align: center;
+                padding-top: 10rpx;
+            }
+        }
+    }
+
+    // btns
+
+    .info-btns {
+        background: white;
+        margin: $margin;
+        border-radius: $radius;
+
+        .item {
+            line-height: 100rpx;
+            display: flex;
+            align-items: center;
+            padding: 0 $padding;
+            justify-content: space-between;
+            font-size: $title-size-lg;
+
+            label {
+                width: 200rpx;
+            }
+
+            .text {
+                width: calc(100% - 200rpx);
+                color: $text-gray-m;
+                text-align: right;
+                @extend .nowrap;
+            }
         }
     }
-}
 </style>
diff --git a/pages/im/group/index.vue b/pages/im/group/index.vue
index 047b2fb..3d1727e 100644
--- a/pages/im/group/index.vue
+++ b/pages/im/group/index.vue
@@ -1,19 +1,10 @@
 <template>
-    <div>
-        <u-button @click="toIndex">会首页</u-button>
-    </div>
+    <view class="">
+        
+    </view>
 </template>
 
 <script>
-    export default {
-        methods: {
-            toIndex() {
-                uni.switchTab({
-                    url: '/pages/im/index'
-                })
-            }
-        }
-    }
 </script>
 
 <style>
diff --git a/pages/im/private/call.nvue b/pages/im/private/call.nvue
new file mode 100644
index 0000000..439c555
--- /dev/null
+++ b/pages/im/private/call.nvue
@@ -0,0 +1,219 @@
+<template>
+    <view class="call-page">
+        <view class="video">
+            <RongCloud-Call-RCUniCallView ref="bigVideoView" :style="{width:windowWidth+'px',height:windowHeight+'px'}"
+                class="bigVideoView">
+            </RongCloud-Call-RCUniCallView>
+            <RongCloud-Call-RCUniCallView ref="smallVideoView" class="smallVideoView">
+            </RongCloud-Call-RCUniCallView>
+        </view>
+
+        <view class="status" v-if="!connected">
+            <view class="call-user">
+                <u-avatar :src="userInfo.portraitUrl" size="150" bg-color="#fff"></u-avatar>
+                <view class="nickname">{{userInfo.name}}</view>
+                <view v-if="remoteRinging" class="mediaType">等待对方接听</view>
+                <view v-if="connected" class="mediaType">已接通 {{ connected }}</view>
+                <view v-else class="mediaType">{{ mediaType == 0 ? '邀请您语音通话' : '邀请您视频通话' }}</view>
+            </view>
+        </view>
+        <view class="buttons">
+            <view class="btn" v-if="connected" @click="changeMicrophone"><text class="white">麦克风</text></view>
+            <view class="btn hangup" @click="hangup"><text class="white">挂断</text></view>
+            <view class="btn" v-if="!connected" @click="accept"><text class="white">接听</text></view>
+            <view class="btn" v-if="connected" @click="changeSpeaker"><text class="white">扬声器</text></view>
+        </view>
+    </view>
+</template>
+
+<script>
+    import {
+        getFriendInfo
+    } from '@/apis/interfaces/im.js'
+    import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
+
+    export default {
+        data() {
+            return {
+                targetId: '',
+                mediaType: 0, // 0 语音  1 视频
+                users: [],
+                userInfo: {},
+                isOut: false,
+                connected: false,
+                micStatus: false,
+                speStatus: false,
+                remoteRinging: false,
+                innerAudioContext: null
+            }
+        },
+        onLoad(e) {
+            this.targetId = e.targetId || 10051
+            this.mediaType = e.mediaType
+            getFriendInfo(this.targetId).then(res => {
+                this.userInfo = res
+            })
+            this.startRing()
+            // 监听通话链接状态
+
+            setTimeout(() => {
+                CallLib.setVideoView(10047, this.$refs.bigVideoView.ref, 0, false)
+            }, 200)
+
+            uni.$on('onCallConnected', () => {
+                console.log('OnCallConnected');
+                this.connected = true
+                this.stopRing()
+            })
+            uni.$on('onCallDisconnected', () => {
+                this.hangup()
+            })
+            uni.$on('onRemoteUserRinging', () => {
+                this.remoteRinging = true
+            })
+            uni.$on('onRemoteUserJoined', () => {
+                this.remoteRinging = false
+            })
+        },
+        beforeDestroy() {
+            uni.$off('onCallConnected')
+            uni.$off('onCallDisconnected')
+            uni.$off('onRemoteUserRinging')
+            uni.$off('onRemoteUserJoined')
+        },
+        computed: {
+            windowWidth() {
+                return uni.getSystemInfoSync().windowWidth
+            },
+            windowHeight() {
+                return uni.getSystemInfoSync().windowHeight
+            }
+        },
+        methods: {
+            changeMicrophone() {
+                CallLib.enableMicrophone(this.micStatus)
+                this.micStatus = !this.micStatus
+            },
+            changeSpeaker() {
+                CallLib.enableSpeaker(this.speStatus)
+                this.speStatus = !this.speStatus
+            },
+            accept() {
+                CallLib.accept()
+                // 视频通话，才开摄像头
+                if (this.mediaType == 1) {
+                    const session = CallLib.getCurrentCallSession()
+                    this.users = session.users
+                    setTimeout(() => {
+                        CallLib.setVideoView(session.targetId, this.$refs.bigVideoView.ref, 0,
+                            false)
+                        CallLib.setVideoView(session.mine.userId, this.$refs.smallVideoView.ref, 0,
+                            true)
+                    }, 200)
+                }
+            },
+            hangup() {
+                CallLib.hangup()
+                this.stopRing()
+
+                setTimeout(() => {
+                    this.downRing()
+                    uni.navigateBack()
+                    // uni.redirectTo({
+                    //     url: '/pages/im/private/index?targetId=' + this.targetId + '&conversationType=1'
+                    // })
+                }, 500);
+            },
+            toHome() {
+                uni.switchTab({
+                    url: '/pages/im/index'
+                })
+            },
+            startRing() {
+                const innerAudioContext = uni.createInnerAudioContext()
+                this.innerAudioContext = innerAudioContext
+                innerAudioContext.autoplay = true
+                innerAudioContext.loop = true
+                innerAudioContext.src = '/static/im/sounds/call-ring.mp3'
+                innerAudioContext.onEnded(() => {
+                    innerAudioContext.destroy()
+                })
+            },
+            stopRing() {
+                this.innerAudioContext.stop()
+            },
+            downRing() {
+                const innerAudioContext = uni.createInnerAudioContext()
+                innerAudioContext.autoplay = true
+                innerAudioContext.src = '/static/im/sounds/call-down.mp3'
+                innerAudioContext.onEnded(() => {
+                    innerAudioContext.destroy()
+                })
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .call-page {
+        flex: 1;
+        flex-direction: column;
+        position: relative;
+        background: #666;
+    }
+
+    .bigVideoView {
+        background: #000;
+    }
+
+    .smallVideoView {
+        position: absolute;
+        right: 100rpx;
+        top: 100rpx;
+        width: 180rpx;
+        height: 320rpx;
+    }
+
+    .buttons {
+        position: fixed;
+        bottom: 100rpx;
+        width: 750rpx;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+    }
+
+    .btn {
+        background: #34CE98;
+        width: 132rpx;
+        height: 132rpx;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .btn .white {
+        color: #FFFFFF;
+        font-size: 32rpx;
+    }
+
+    .btn.hangup {
+        background: #dd524d;
+    }
+
+    .call-user {
+        flex: 1;
+        position: fixed;
+        width: 750rpx;
+        top: 200rpx;
+        left: 0;
+        display: flex;
+        align-items: center;
+    }
+
+    .nickname {
+        margin: 30rpx;
+        font-size: 40rpx;
+    }
+</style>
diff --git a/pages/im/private/index.vue b/pages/im/private/index.vue
index e4dfe4b..9f5029d 100644
--- a/pages/im/private/index.vue
+++ b/pages/im/private/index.vue
@@ -5,21 +5,24 @@
             <!-- 聊天窗口 -->
             <view class="chat-item" v-for="(item,index) in messages" :key="index">
                 <view class="chat-item-article" :class="item.messageDirection == 1 ? 'right' : 'left'">
-                    <view class="chat-msg">
+                    <view class="chat-msg">
                         <!-- 文字消息 -->
-                        <view class="chat-msg-text">{{ item.content.content }}</view>
+                        <view class="chat-msg-text">{{ item.content.content }}</view>
                         <!-- 语音消息 -->
-                        <view class="chat-msg-audio" @click="onPlayMsg()">
-                            <image v-if="item.messageDirection == 0" src="@/static/icon/audio_ green.png" mode="widthFix"></image>
-                            10"
-                            <image v-if="item.messageDirection == 1" src="@/static/icon/audio_white.png" mode="widthFix"></image>
+                        <view class="chat-msg-audio" @click="onPlayMsg()">
+                            <image v-if="item.messageDirection == 0" src="@/static/icon/audio_ green.png"
+                                mode="widthFix"></image>
+                            10"
+                            <image v-if="item.messageDirection == 1" src="@/static/icon/audio_white.png"
+                                mode="widthFix"></image>
                         </view>
                         <!-- 预留一些图片，语音表情包等位置 -->
                     </view>
                     <view class="chat-status" :class="{'hide': item.sentStatus == 50}"
                         v-if="item.messageDirection == 1">{{targetId}}{{ item.sentStatus == 50 ? '已读': '未读'}}</view>
-                    <view class="chat-avatar" @click="showFriend(targetId, item.messageDirection)">
-                        <u-avatar v-if="item.messageDirection == 2" shape="square" bg-color="#ffffff" :src="userInfo.portraitUrl"></u-avatar>
+                    <view class="chat-avatar" @click="showFriend(targetId, item.messageDirection)">
+                        <u-avatar v-if="item.messageDirection == 2" shape="square" bg-color="#ffffff"
+                            :src="userInfo.portraitUrl"></u-avatar>
                         <u-avatar v-else shape="square" bg-color="#ffffff" :src="$store.getters.sender.portraitUrl" />
                     </view>
                 </view>
@@ -29,34 +32,36 @@
             </view>
         </scroll-view>
 
-        <view class="chat-footer">
-            <view class="msg-type" @click="msgType">
-                <image src="@/static/icon/key-icon.png" v-if="importTabs === 0" mode="widthFix"></image>
-                <image src="@/static/icon/msg-icon.png" v-if="importTabs === 1" mode="widthFix"></image>
-            </view>
-            <block v-if="importTabs === 0">
-                <button type="default" class="chat-mp3" hover-class="chat-hover" @touchstart="startAudio" @touchend="chendAudio">按住 说话</button>
-            </block>
-            <block v-if="importTabs === 1">
-                <input class="chat-input" type="text" v-model="inputTxt" confirm-type="发送" @confirm="send" cursor-spacing="10" />
-            </block>
+        <view class="chat-footer">
+            <view class="msg-type" @click="msgType">
+                <image src="@/static/icon/key-icon.png" v-if="importTabs === 0" mode="widthFix"></image>
+                <image src="@/static/icon/msg-icon.png" v-if="importTabs === 1" mode="widthFix"></image>
+            </view>
+            <block v-if="importTabs === 0">
+                <button type="default" class="chat-mp3" hover-class="chat-hover" @touchstart="startAudio"
+                    @touchend="chendAudio">按住 说话</button>
+            </block>
+            <block v-if="importTabs === 1">
+                <input class="chat-input" type="text" v-model="inputTxt" confirm-type="发送" @confirm="send"
+                    cursor-spacing="10" />
+            </block>
             <button class="chat-push" :disabled="disabled" size="mini" @click="send">发送</button>
-        </view>
-        
-        <!-- 录音中提示 -->
-        <view class="audio-transcribe" v-if="showAudioTranscribe">
-            <image src="@/static/icon/record-icon.png" mode="widthFix"></image>
-            <view class="text">录音中 {{transcribeTime}} s</view>
+        </view>
+
+        <!-- 录音中提示 -->
+        <view class="audio-transcribe" v-if="showAudioTranscribe">
+            <image src="@/static/icon/record-icon.png" mode="widthFix"></image>
+            <view class="text">录音中 {{transcribeTime}} s</view>
         </view>
     </view>
 </template>
 
-<script>
+<script>
     import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
-    import im from '@/utils/im/index.js'
-    import permision from "@/js_sdk/wa-permission/permission.js"
-    
-    var transcribe
+    import im from '@/utils/im/index.js'
+    import permision from "@/js_sdk/wa-permission/permission.js"
+
+    var transcribe
     var recorderManager = uni.getRecorderManager()
 
     export default {
@@ -72,11 +77,11 @@
                     name: '',
                     userId: '',
                     portraitUrl: ''
-                },
-                importTabs: 0,
-                showAudioTranscribe:false,
-                transcribeTime: 60,
-                audioSrc: '',
+                },
+                importTabs: 0,
+                showAudioTranscribe: false,
+                transcribeTime: 60,
+                audioSrc: '',
                 audioContextPaused: true
             }
         },
@@ -104,18 +109,19 @@
             this.getMessageList()
 
             // 监听消息回执
-            RongIMLib.addReadReceiptReceivedListener((result) => {
-                const res = result.data.message
-                if (res.targetId == this.targetId) {
+            RongIMLib.addReadReceiptReceivedListener(({
+                data
+            }) => {
+                if (data.targetId == this.targetId) {
                     this.getMessageList()
                 }
-            })
-            
-            // 监听录音结束
-            recorderManager.onStop(res => {
-                if(res.tempFilePath) this.audioSrc = res.tempFilePath
-                console.log('------------------获取到了录音的临时路径---------------')
-                console.log(res.tempFilePath)
+            })
+
+            // 监听录音结束
+            recorderManager.onStop(res => {
+                if (res.tempFilePath) this.audioSrc = res.tempFilePath
+                console.log('------------------获取到了录音的临时路径---------------')
+                console.log(res.tempFilePath)
             })
         },
         onUnload() {
@@ -155,66 +161,66 @@
                 }
             }
         },
-        methods: {
-            // 播放语音消息
-            onPlayMsg(){
-                let innerAudioContext = uni.createInnerAudioContext()
-                innerAudioContext.src = this.audioSrc
-                if(this.audioContextPaused){
-                    innerAudioContext.play()
-                    this.audioContextPaused = false
-                    return
-                }
-                innerAudioContext.stop()
-                innerAudioContext.onStop(resStop => {
-                    this.audioContextPaused = true
-                })
-            },
-            // 检查安卓录制权限
-            async getAndroidPermission(){
-                return await permision.requestAndroidPermission('android.permission.RECORD_AUDIO')
-            },
-            // 切换聊天信息
-            msgType(){
-                this.importTabs = this.importTabs === 1 ? 0: 1
-            },
-            // 录制语音消息
-            startAudio(e){
-                this.getAndroidPermission().then(code => {
-                    switch (code){
-                        case 1:
-                            this.showAudioTranscribe = true
-                            recorderManager.start()
-                            transcribe = setInterval(() => {
-                                this.transcribeTime -= 1
-                                if(this.transcribeTime === 0){
-                                    this.chendAudio()
-                                }
-                            },1000)
-                            break;
-                        case 0:
-                            uni.showToast({
-                                title: '暂无麦克风权限，请前往应用设置开启麦克风',
-                                icon : 'none'
-                            })
-                            break;
-                        case -1:
-                            uni.showToast({
-                                title: '应用权限错误',
-                                icon : 'none'
-                            })
-                            break;
-                    }
-                })
-            },
-            // 结束录音
-            chendAudio(e){
-                if(!this.showAudioTranscribe) return
-                recorderManager.stop()
-                clearInterval(transcribe)
-                this.transcribeTime = 60
-                this.showAudioTranscribe = false
-            },
+        methods: {
+            // 播放语音消息
+            onPlayMsg() {
+                let innerAudioContext = uni.createInnerAudioContext()
+                innerAudioContext.src = this.audioSrc
+                if (this.audioContextPaused) {
+                    innerAudioContext.play()
+                    this.audioContextPaused = false
+                    return
+                }
+                innerAudioContext.stop()
+                innerAudioContext.onStop(resStop => {
+                    this.audioContextPaused = true
+                })
+            },
+            // 检查安卓录制权限
+            async getAndroidPermission() {
+                return await permision.requestAndroidPermission('android.permission.RECORD_AUDIO')
+            },
+            // 切换聊天信息
+            msgType() {
+                this.importTabs = this.importTabs === 1 ? 0 : 1
+            },
+            // 录制语音消息
+            startAudio(e) {
+                this.getAndroidPermission().then(code => {
+                    switch (code) {
+                        case 1:
+                            this.showAudioTranscribe = true
+                            recorderManager.start()
+                            transcribe = setInterval(() => {
+                                this.transcribeTime -= 1
+                                if (this.transcribeTime === 0) {
+                                    this.chendAudio()
+                                }
+                            }, 1000)
+                            break;
+                        case 0:
+                            uni.showToast({
+                                title: '暂无麦克风权限，请前往应用设置开启麦克风',
+                                icon: 'none'
+                            })
+                            break;
+                        case -1:
+                            uni.showToast({
+                                title: '应用权限错误',
+                                icon: 'none'
+                            })
+                            break;
+                    }
+                })
+            },
+            // 结束录音
+            chendAudio(e) {
+                if (!this.showAudioTranscribe) return
+                recorderManager.stop()
+                clearInterval(transcribe)
+                this.transcribeTime = 60
+                this.showAudioTranscribe = false
+            },
             getMessageList() {
                 // 获取消息列表
                 const objectNames = [
@@ -253,10 +259,12 @@
                     this.inputTxt = ''
                 })
             },
-            showFriend(targetId, type) {
-                this.$Router.push({
-                    name: type === 1 ? 'imFriendsMine' : 'imFriendsInfo',
-                    params: {targetId}
+            showFriend(targetId, type) {
+                this.$Router.push({
+                    name: type === 1 ? 'imFriendsMine' : 'imFriendsInfo',
+                    params: {
+                        targetId
+                    }
                 })
             },
             scrollBottom() {
@@ -285,31 +293,33 @@
 <style lang="scss" scoped>
     .chat-content {
         height: 100vh;
-        background: $window-color;
-        
-        .audio-transcribe{
-            background: rgba($color: #000000, $alpha: .6);
-            position: fixed;
-            height: 200rpx;
-            width: 300rpx;
-            border-radius: $radius;
-            color: white;
-            z-index: 99;
-            top: 50%;
-            left: 50%;
-            margin-top: -200rpx;
-            margin-left: -150rpx;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            image{
-                width: 88rpx;
-                height: 88rpx;
-            }
-            .text{
-                font-size: $title-size-m;
-            }
+        background: $window-color;
+
+        .audio-transcribe {
+            background: rgba($color: #000000, $alpha: .6);
+            position: fixed;
+            height: 200rpx;
+            width: 300rpx;
+            border-radius: $radius;
+            color: white;
+            z-index: 99;
+            top: 50%;
+            left: 50%;
+            margin-top: -200rpx;
+            margin-left: -150rpx;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+
+            image {
+                width: 88rpx;
+                height: 88rpx;
+            }
+
+            .text {
+                font-size: $title-size-m;
+            }
         }
 
         .chat-scrool {
@@ -341,22 +351,25 @@
 
                     .chat-msg {
                         overflow: hidden;
+
                         .chat-msg-text {
                             display: inline-block;
                             padding: ($padding - 10) $padding;
                             color: $text-color;
                             box-sizing: border-box;
                             font-size: $title-size-lg;
-                        }
-                        .chat-msg-audio{
-                            @extend .chat-msg-text;
-                            width: 50%;
-                            image{
-                                width: 38rpx;
-                                height: 38rpx;
-                                margin: 0;
-                                vertical-align: middle;
-                            }
+                        }
+
+                        .chat-msg-audio {
+                            @extend .chat-msg-text;
+                            width: 50%;
+
+                            image {
+                                width: 38rpx;
+                                height: 38rpx;
+                                margin: 0;
+                                vertical-align: middle;
+                            }
                         }
                     }
 
@@ -372,15 +385,16 @@
 
                     .chat-avatar {
                         position: absolute;
-                        top: 0;
-                        background: white;
-                        border-radius: $radius-m;
+                        top: 0;
+                        background: white;
+                        border-radius: $radius-m;
                     }
 
                     &.left {
                         .chat-avatar {
                             left: $margin;
                         }
+
                         .chat-msg {
                             .chat-msg-text {
                                 background-color: white;
@@ -396,6 +410,7 @@
 
                         .chat-msg {
                             text-align: right;
+
                             .chat-msg-text {
                                 border-radius: $radius*2 0 $radius*2 $radius*2;
                                 background: $main-color;
@@ -417,18 +432,21 @@
             background: white;
             box-sizing: border-box;
             z-index: 99;
-            .msg-type{
-                position: absolute;
-                top: 20rpx;
-                left: $padding;
-                line-height: 80rpx;
-                image{
-                    width: 64rpx;
-                    height: 64rpx;
-                    vertical-align: middle;
-                    margin-bottom: 10rpx;
-                }
+
+            .msg-type {
+                position: absolute;
+                top: 20rpx;
+                left: $padding;
+                line-height: 80rpx;
+
+                image {
+                    width: 64rpx;
+                    height: 64rpx;
+                    vertical-align: middle;
+                    margin-bottom: 10rpx;
+                }
             }
+
             .chat-input {
                 background: $window-color;
                 height: 80rpx;
@@ -436,23 +454,24 @@
                 font-size: $title-size-m;
                 padding: 0 $padding;
                 box-sizing: border-box;
-            }
-            
-            .chat-mp3{
-                background: $window-color;
-                line-height: 80rpx;
-                text-align: center;
-                border-radius: $radius-lg;
-                font-weight: bold;
-                color: #333;
-                font-size: $title-size-m;
-                &::after{
-                    display: none;
-                }
-            }
-            
-            .chat-hover{
-                opacity: .5;
+            }
+
+            .chat-mp3 {
+                background: $window-color;
+                line-height: 80rpx;
+                text-align: center;
+                border-radius: $radius-lg;
+                font-weight: bold;
+                color: #333;
+                font-size: $title-size-m;
+
+                &::after {
+                    display: none;
+                }
+            }
+
+            .chat-hover {
+                opacity: .5;
             }
 
             .chat-push[size='mini'] {
diff --git a/router/index.js b/router/index.js
index 9934b9f..892961e 100644
--- a/router/index.js
+++ b/router/index.js
@@ -1,24 +1,36 @@
-import { RouterMount, createRouter } from 'uni-simple-router';
-import store from '@/store/index'
+import {
+    RouterMount,
+    createRouter
+} from 'uni-simple-router';
+import store from '@/store/index'
+
+// #ifdef APP-NVUE
+// CALL 页面，必须是nvue，但是NVUE 不支持webpack的 ROUTES 注入
+// https://github.com/SilurianYang/uni-read-pages/issues/20
+const ROUTES = [{
+    'path': '/pages/im/private/call',
+    'name': 'imPrivateCall'
+}]
+// #endif
 
 const router = createRouter({
-	platform: process.env.VUE_APP_PLATFORM,
-	routes: [...ROUTES]
-});
-
-// console.log(...ROUTES)
+    platform: process.env.VUE_APP_PLATFORM,
+    routes: [...ROUTES]
+});
+
+// console.log(...ROUTES)
 
 //全局路由前置守卫
-router.beforeEach((to, from, next) => {
-	next();
-});
+router.beforeEach((to, from, next) => {
+    next();
+});
 
 // 全局路由后置守卫
 router.afterEach((to, from) => {
-	// console.log('跳转结束')
-})
+    // console.log('跳转结束')
+})
 
 export {
-	router,
-	RouterMount
+    router,
+    RouterMount
 }
diff --git a/static/im/sounds/call-down.mp3 b/static/im/sounds/call-down.mp3
new file mode 100644
index 0000000..d003376
Binary files /dev/null and b/static/im/sounds/call-down.mp3 differ
diff --git a/static/im/sounds/call-ring.mp3 b/static/im/sounds/call-ring.mp3
new file mode 100644
index 0000000..d74c933
Binary files /dev/null and b/static/im/sounds/call-ring.mp3 differ
diff --git a/static/im/sounds/new-msg.mp3 b/static/im/sounds/new-msg.mp3
new file mode 100644
index 0000000..a9e09d9
Binary files /dev/null and b/static/im/sounds/new-msg.mp3 differ
diff --git a/utils/im/.DS_Store b/utils/im/.DS_Store
new file mode 100644
index 0000000..9b89a14
Binary files /dev/null and b/utils/im/.DS_Store differ
diff --git a/utils/im/index.js b/utils/im/index.js
index 89f531f..4a864ea 100644
--- a/utils/im/index.js
+++ b/utils/im/index.js
@@ -1,4 +1,5 @@
-import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
+import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
+import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
 import store from '@/store/index.js'
 import {
     getFriends,
@@ -7,6 +8,7 @@ import {
 
 const initIm = (KEY) => {
     RongIMLib.init(KEY)
+    CallLib.init()
     addListeners()
 }
 
@@ -38,8 +40,8 @@ const setNotifyBadge = () => {
  */
 const connect = (token, userInfo, callback) => {
     RongIMLib.connect(token, res => {
-        console.log('连接结果', res);
-        
+        console.log('连接结果', res);
+
         callback(res)
     })
 
@@ -58,23 +60,23 @@ const connect = (token, userInfo, callback) => {
 
 const disconnect = () => {
     RongIMLib.disconnect()
-}
-
-// 允许通知的消息类型，触发更新消息列表操作
-const notifyMsgTypes = [
-    'RC:TxtMsg',
-    'RC:VcMsg',
-    'RC:HQVCMsg',
-    'RC:ImgMsg',
-    'RC:GIFMsg',
-    'RC:ImgTextMsg',
-    'RC:FileMsg',
-    'RC:LBSMsg',
-    'RC:SightMsg',
-    'RC:ReferenceMsg',
-    'RC:CombineMsg',
-]
-
+}
+
+// 允许通知的消息类型，触发更新消息列表操作
+const notifyMsgTypes = [
+    'RC:TxtMsg',
+    'RC:VcMsg',
+    'RC:HQVCMsg',
+    'RC:ImgMsg',
+    'RC:GIFMsg',
+    'RC:ImgTextMsg',
+    'RC:FileMsg',
+    'RC:LBSMsg',
+    'RC:SightMsg',
+    'RC:ReferenceMsg',
+    'RC:CombineMsg',
+]
+
 function inArray(search, array) {
     for (var i in array) {
         if (array[i] == search) {
@@ -82,22 +84,56 @@ function inArray(search, array) {
         }
     }
     return false;
-}
+}
 
 const addListeners = () => {
     // 添加连接状态监听函数 
     RongIMLib.addConnectionStatusListener((res) => {
-        console.log('连接状态监', res.data.status);
+        console.log('连接状态监', res.data.status);
         store.dispatch('updateConnectionStatus', res.data.status)
     })
     // 添加消息监听函数
     RongIMLib.addReceiveMessageListener((res) => {
-        console.log('收到消息', res.data.message);
-        const message = res.data.message
-        if (inArray(message.objectName, notifyMsgTypes)) {
-            newMessage(message)
+        console.log('收到消息', res.data.message);
+        const message = res.data.message
+        if (inArray(message.objectName, notifyMsgTypes)) {
+            newMessage(message)
         }
     })
+    // 监听通话呼入
+    CallLib.onCallReceived((res) => {
+        console.log("Engine:OnCallReceived=>" + "监听通话呼入, 目标id=>", res.data.targetId);
+        console.log('RES', res);
+        uni.navigateTo({
+            url: '/pages/im/private/call?targetId=' + res.data.targetId + '&mediaType=' +
+                res.data.mediaType,
+            success: (err) => {
+                console.log('跳转视频通话成功');
+            },
+            fail: (err) => {
+                console.log('跳转视频页失败', err);
+            }
+        })
+    })
+    
+    CallLib.onCallConnected((res) => {
+        uni.$emit('onCallConnected');
+    })
+    CallLib.onCallOutgoing((res) => {
+        uni.$emit('onCallOutgoing');
+    })
+    CallLib.onRemoteUserRinging((res) => {
+        uni.$emit('onRemoteUserRinging');
+    })
+    CallLib.onRemoteUserJoined((res) => {
+        uni.$emit('onRemoteUserJoined');
+    })
+    CallLib.onCallDisconnected((res) => {
+        uni.$emit('onCallDisconnected');
+    })
+    CallLib.onRemoteUserLeft((res) => {
+        uni.$emit('onCallDisconnected');
+    })
 }
 
 // 维护消息列表
@@ -135,7 +171,7 @@ const triTone = () => {
     if (tipState == false) {
         const innerAudioContext = uni.createInnerAudioContext()
         innerAudioContext.autoplay = true
-        innerAudioContext.src = '/static/tri-tone.mp3'
+        innerAudioContext.src = '/utils/im/sounds/new-msg.mp3'
         innerAudioContext.onPlay(() => {
             tipState = true
         })
@@ -194,6 +230,6 @@ export default {
     connect,
     sendMsg,
     setNotifyBadge,
-    syncFriends,
+    syncFriends,
     syncUserInfo
 }
diff --git a/utils/im/视频呼入.json b/utils/im/视频呼入.json
new file mode 100644
index 0000000..97a4087
--- /dev/null
+++ b/utils/im/视频呼入.json
@@ -0,0 +1,51 @@
+{
+    "type": "Engine:OnCallReceived",
+    "module": "RongCloud-Call-RCUniCall",
+    "data": {
+        "endTime": 0,
+        "users": [{
+            "userId": "10051",
+            "enableCamera": false,
+            "mediaId": "420111350",
+            "mediaType": 1,
+            "userType": 0,
+            "enableMicrophone": false
+        }, {
+            "userId": "10047",
+            "enableCamera": false,
+            "mediaType": 1,
+            "userType": 0,
+            "enableMicrophone": false
+        }],
+        "inviter": {
+            "userId": "10051",
+            "enableCamera": false,
+            "mediaId": "420111350",
+            "mediaType": 1,
+            "userType": 0,
+            "enableMicrophone": false
+        },
+        "caller": {
+            "userId": "10051",
+            "enableCamera": false,
+            "mediaId": "420111350",
+            "mediaType": 1,
+            "userType": 0,
+            "enableMicrophone": false
+        },
+        "connectedTime": 0,
+        "extra": "",
+        "startTime": 0,
+        "mediaType": 1,
+        "callId": "c28cb9d8-6581-474c-bfa5-9872a4824b65",
+        "targetId": "10051",
+        "callType": 0,
+        "mine": {
+            "userId": "10047",
+            "enableCamera": false,
+            "mediaType": 1,
+            "userType": 0,
+            "enableMicrophone": false
+        }
+    }
+}
diff --git a/utils/im/语音呼入.json b/utils/im/语音呼入.json
new file mode 100644
index 0000000..3c24ca0
--- /dev/null
+++ b/utils/im/语音呼入.json
@@ -0,0 +1,51 @@
+{
+    "type": "Engine:OnCallReceived",
+    "module": "RongCloud-Call-RCUniCall",
+    "data": {
+        "endTime": 0,
+        "users": [{
+            "userId": "10051",
+            "enableCamera": false,
+            "mediaId": "420068630",
+            "mediaType": 0,
+            "userType": 0,
+            "enableMicrophone": false
+        }, {
+            "userId": "10047",
+            "enableCamera": true,
+            "mediaType": 0,
+            "userType": 0,
+            "enableMicrophone": false
+        }],
+        "inviter": {
+            "userId": "10051",
+            "enableCamera": false,
+            "mediaId": "420068630",
+            "mediaType": 0,
+            "userType": 0,
+            "enableMicrophone": false
+        },
+        "caller": {
+            "userId": "10051",
+            "enableCamera": false,
+            "mediaId": "420068630",
+            "mediaType": 0,
+            "userType": 0,
+            "enableMicrophone": false
+        },
+        "connectedTime": 0,
+        "extra": "",
+        "startTime": 0,
+        "mediaType": 0,
+        "callId": "1a1462b8-b63b-40a9-bf95-963e810ac49a",
+        "targetId": "10051",
+        "callType": 0,
+        "mine": {
+            "userId": "10047",
+            "enableCamera": true,
+            "mediaType": 0,
+            "userType": 0,
+            "enableMicrophone": false
+        }
+    }
+}