视频
This commit is contained in:
zoujiandong
+17
-14
@@ -1,10 +1,12 @@
|
||||
# TUICallkit 组件接入说明
|
||||
TUICallkit 是小程序音视频通话 UI 组件，通过编写几行代码，就可以为您的 小程序 应用添加音视频通话功能。
|
||||
TUICallkit 是小程序音视频通话 UI 组件，通过编写几行代码，就可以为您的小程序应用添加音视频通话功能。
|
||||
|
||||
**低于 v3.0.4 版本，参考的 [readme](https://www.npmjs.com/package/@tencentcloud/call-uikit-wechat/v/1.4.4)。**
|
||||
|
||||
## 环境准备
|
||||
|
||||
- 微信 App iOS 最低版本要求：7.0.9
|
||||
- 微信 App Android 最低版本要求：7.0.8
|
||||
- 微信 App iOS 最低版本要求：8.0.40
|
||||
- 微信 App Android 最低版本要求：8.0.40
|
||||
- 小程序基础库最低版本要求：2.10.0
|
||||
- 由于小程序测试号不具备 live-pusher 和 live-player 的使用权限，请使用企业小程序账号申请相关权限进行开发
|
||||
- 由于微信开发者工具不支持原生组件（即 live-pusher 和 live-player 标签），需要在真机上进行运行体验
|
||||
@@ -23,23 +25,24 @@ TUICallkit 是小程序音视频通话 UI 组件，通过编写几行代码，
|
||||
|
||||
```
|
||||
TUICallkit
|
||||
├─ component // UI 组件
|
||||
├─ calling // 呼叫中 UI 组件（1v1通话）
|
||||
└─ connected // 通话中 UI 组件（1v1通话）
|
||||
├─ groupCalling // 呼叫中 UI 组件（群组通话）
|
||||
└─ groupConnected // 通话中 UI 组件（群组通话）
|
||||
├─ pages
|
||||
├─ globalCall // 全局监听页面
|
||||
├─ serve
|
||||
├─ callManager // 全局监听类
|
||||
├─ static // UI icon 图片
|
||||
├─ debug // 用来本地测试时生成 userSig
|
||||
├─ src // UI 组件源码
|
||||
├─ Components // 呼叫中 UI 组件
|
||||
└─ TUICallService // UI 组件的逻辑
|
||||
└─ adapter-vue.ts // 用来适配 vue2、vue3 的适配层
|
||||
└─ index.ts // UI 组件逻辑的入口
|
||||
├─ types
|
||||
├─ package.json
|
||||
├─ README.md
|
||||
├─ tuicall-uikit-vue.es.js
|
||||
├─ tuicall-uikit-vue.umd.js
|
||||
```
|
||||
|
||||
|
||||
## 使用指引
|
||||
为方便您的使用，本组件配套多篇使用指引：
|
||||
- 如果您想要了解 TUICallKit，请阅读 [组件介绍 TUICallKit](https://cloud.tencent.com/document/product/647/78742)。
|
||||
- 如果您想把我们的功能直接嵌入到您的项目中，请阅读 [快速接入 TUICallKit](https://cloud.tencent.com/document/product/647/78733)。
|
||||
- 如果您想把我们的功能直接嵌入到您的项目中，请阅读 [快速接入 TUICallKit](https://cloud.tencent.com/document/product/647/78912)。
|
||||
- 如果您想要了解详细 API，请阅读 [API 概览](https://cloud.tencent.com/document/product/647/78759)。
|
||||
|
||||
## 附录
|
||||
|
||||
+158
-657
@@ -1,695 +1,196 @@
|
||||
import TUICallEngine, { EVENT, MEDIA_TYPE, AUDIO_PLAYBACK_DEVICE, STATUS } from 'tuicall-engine-wx';
|
||||
import { TUIStore, StoreName, NAME } from "../index";
|
||||
|
||||
// 组件旨在跨终端维护一个通话状态管理机，以事件发布机制驱动上层进行管理，并通过API调用进行状态变更。
|
||||
// 组件设计思路将UI和状态管理分离。您可以通过修改`component`文件夹下的文件，适配您的业务场景，
|
||||
// 在UI展示上，您可以通过属性的方式，将上层的用户头像，名称等数据传入组件内部，`static`下的icon和默认头像图片，
|
||||
// 只是为了展示基础的效果，您需要根据业务场景进行修改。
|
||||
const {
|
||||
CALL_STATUS,
|
||||
CALL_ROLE,
|
||||
CALL_MEDIA_TYPE,
|
||||
LOCAL_USER_INFO,
|
||||
REMOTE_USER_INFO_LIST,
|
||||
CALLER_USER_INFO,
|
||||
IS_GROUP,
|
||||
CALL_DURATION,
|
||||
PUSHER,
|
||||
PLAYER,
|
||||
BIG_SCREEN_USER_ID,
|
||||
IS_EAR_PHONE,
|
||||
LOCAL_VIDEO,
|
||||
MYSELF,
|
||||
TOAST_INFO,
|
||||
} = NAME;
|
||||
|
||||
Component({
|
||||
properties: {
|
||||
config: {
|
||||
type: Object,
|
||||
value: {
|
||||
sdkAppID: 0,
|
||||
userID: '',
|
||||
userSig: '',
|
||||
type: 1,
|
||||
tim: null,
|
||||
},
|
||||
},
|
||||
backgroundMute: {
|
||||
type: Boolean,
|
||||
value: false,
|
||||
},
|
||||
},
|
||||
observers: {
|
||||
|
||||
},
|
||||
|
||||
properties: {},
|
||||
data: {
|
||||
callStatus: STATUS.IDLE, // idle、calling、connection
|
||||
isSponsor: false, // 呼叫者身份 true为呼叫者 false为被叫者
|
||||
pusher: {}, // TRTC 本地流
|
||||
playerList: [], // TRTC 远端流
|
||||
callStatus: TUIStore.getData(StoreName.CALL, CALL_STATUS), // 通话状态
|
||||
isGroupCall: TUIStore.getData(StoreName.CALL, IS_GROUP), // 是否群通话
|
||||
callMediaType: TUIStore.getData(StoreName.CALL, CALL_MEDIA_TYPE), // 通话类型
|
||||
callDuration: TUIStore.getData(StoreName.CALL, CALL_DURATION), // 通话时长
|
||||
callRole: TUIStore.getData(StoreName.CALL, CALL_ROLE), // 通话角色
|
||||
isEarPhone: TUIStore.getData(StoreName.CALL, IS_EAR_PHONE), // 声音模式 听筒/扬声器
|
||||
bigScreenUserId: TUIStore.getData(StoreName.CALL, BIG_SCREEN_USER_ID), // 大屏显示的用户
|
||||
localUserInfo: TUIStore.getData(StoreName.CALL, LOCAL_USER_INFO), // 本地用户信息
|
||||
callerUserInfo: TUIStore.getData(StoreName.CALL, CALLER_USER_INFO),// 邀请者用户信息
|
||||
remoteUserInfoList: TUIStore.getData(StoreName.CALL, REMOTE_USER_INFO_LIST), // 远端用户信息
|
||||
pusher: TUIStore.getData(StoreName.CALL, PUSHER), // TRTC 本地流
|
||||
playerList: TUIStore.getData(StoreName.CALL, PLAYER), // TRTC 远端流
|
||||
playerProcess: {}, // 经过处理的的远端流(多人通话)
|
||||
isGroup: false, // 是否为多人通话
|
||||
remoteUsers: [], // 单人通话远程用户资料(不包含自身)
|
||||
allUsers: [], // 多人通话用户资料(包含自身)
|
||||
sponsor: '', // 主叫方
|
||||
screen: 'pusher', // 视屏通话中，显示大屏幕的流（只限1v1聊天
|
||||
soundMode: AUDIO_PLAYBACK_DEVICE.SPEAKER, // 声音模式 听筒/扬声器
|
||||
showToatTime: 0, // 弹窗时长
|
||||
ownUserId: '',
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
resetUI() {
|
||||
// 收起键盘
|
||||
wx.hideKeyboard();
|
||||
// 监听通话状态变更回调
|
||||
handleCallStatusChange(value) {
|
||||
this.setData({
|
||||
callStatus: value,
|
||||
});
|
||||
},
|
||||
// 新的邀请回调事件
|
||||
handleNewInvitationReceived(event) {
|
||||
this.resetUI();
|
||||
this.data.config.type = event.data.inviteData.callType;
|
||||
// 判断是否为多人通话
|
||||
if (event.data.isFromGroup) {
|
||||
// 监听是否群组通话变更回调
|
||||
handleIsGroupChange(value) {
|
||||
this.setData({
|
||||
isGroupCall: value,
|
||||
});
|
||||
},
|
||||
// 监听通话类型变更回调
|
||||
handleCallMediaTypeChange(value) {
|
||||
this.setData({
|
||||
callMediaType: value,
|
||||
});
|
||||
},
|
||||
// 监听通话角色变更回调
|
||||
handleCallRoleChange(value) {
|
||||
this.setData({
|
||||
callRole: value,
|
||||
});
|
||||
},
|
||||
// 监听通话时长变更回调
|
||||
handleCallDurationChange(value) {
|
||||
this.setData({
|
||||
callDuration: value,
|
||||
});
|
||||
},
|
||||
// 监听声音模式变更回调
|
||||
handleEarPhoneChange(value) {
|
||||
this.setData({
|
||||
isEarPhone: value,
|
||||
});
|
||||
},
|
||||
// 监听大屏显示的用户变更回调
|
||||
handleScreenChange(value) {
|
||||
if (value === LOCAL_VIDEO) {
|
||||
this.setData({
|
||||
isGroup: true,
|
||||
sponsor: event.data.sponsor,
|
||||
bigScreenUserId: true,
|
||||
});
|
||||
// 将主叫方和被叫列表合并在一起 组成全部通话人数
|
||||
const newList = [...event.data.inviteeList, event.data.sponsor];
|
||||
// 获取用户信息
|
||||
this.getUserProfile(newList);
|
||||
} else {
|
||||
this.getUserProfile([event.data.sponsor]);
|
||||
}
|
||||
this.setData({
|
||||
config: this.data.config,
|
||||
callStatus: STATUS.CALLING,
|
||||
isSponsor: false,
|
||||
});
|
||||
},
|
||||
|
||||
// 用户接听
|
||||
handleUserAccept(event) {
|
||||
// 主叫方则唤起通话页面
|
||||
if (this.data.isSponsor) {
|
||||
this.setData({
|
||||
callStatus: STATUS.CONNECTED,
|
||||
bigScreenUserId: false,
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 远端用户进入通话
|
||||
handleUserEnter(res) {
|
||||
const newList = this.data.allUsers;
|
||||
// 多人通话
|
||||
if (this.data.isGroup) {
|
||||
// 改变远端用户信息中的isEnter属性
|
||||
for (let i = 0;i < newList.length;i++) {
|
||||
if (newList[i].userID === res.data.userID) {
|
||||
newList[i].isEnter = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 监听本地用户信息变更回调
|
||||
handleLocalUserInfoChange(value) {
|
||||
this.setData({
|
||||
playerList: res.playerList,
|
||||
allUsers: newList,
|
||||
localUserInfo: value,
|
||||
});
|
||||
},
|
||||
// 远端用户离开通话
|
||||
handleUserLeave(res) {
|
||||
// 多人通话
|
||||
if (this.data.isGroup) {
|
||||
wx.showToast({
|
||||
title: `${res.data.userID}离开通话`,
|
||||
// 监听到邀请者信息变更回调
|
||||
handleCallerUserInfoChange(value) {
|
||||
this.setData({
|
||||
callerUserInfo: value,
|
||||
});
|
||||
},
|
||||
// 监听远端用户信息变更回调
|
||||
handleRemoteUserInfoListChange(value) {
|
||||
this.setData({
|
||||
remoteUserInfoList: value,
|
||||
});
|
||||
},
|
||||
// 监听 TRTC 本地流变更回调
|
||||
handlePusherChange(value) {
|
||||
this.setData({
|
||||
pusher: value,
|
||||
});
|
||||
},
|
||||
// 监听 TRTC 远端流变更回调
|
||||
handlePlayerListChange(value) {
|
||||
if (this.data.isGroupCall) {
|
||||
const convertToPlayer = this.convertToObj(value);
|
||||
this.setData({
|
||||
playerProcess: convertToPlayer,
|
||||
});
|
||||
this.deleteUsers(this.data.allUsers, res.data.userID);
|
||||
}
|
||||
this.setData({
|
||||
playerList: res.data.playerList,
|
||||
});
|
||||
},
|
||||
// 用户数据更新
|
||||
handleUserUpdate(res) {
|
||||
this.handleNetStatus(res.data);
|
||||
const newplayer = {};
|
||||
const newres = res.data.playerList;
|
||||
// 多人通话
|
||||
if (this.data.isGroup) {
|
||||
// 处理远端流
|
||||
for (let i = 0;i < newres.length;i++) {
|
||||
const { userID } = newres[i];
|
||||
newplayer[userID] = newres[i];
|
||||
}
|
||||
};
|
||||
this.setData({
|
||||
pusher: res.data.pusher,
|
||||
playerList: res.data.playerList,
|
||||
playerProcess: newplayer,
|
||||
});
|
||||
},
|
||||
// 判断网络状态
|
||||
handleNetStatus(data) {
|
||||
if (data.pusher.netQualityLevel > 4) {
|
||||
wx.showToast({
|
||||
icon: 'none',
|
||||
title: '您当前网络不佳',
|
||||
} else {
|
||||
this.setData({
|
||||
playerList: value,
|
||||
});
|
||||
}
|
||||
data.playerList.map((item) => {
|
||||
if (item.netStatus.netQualityLevel > 4) {
|
||||
const name = data.playerList.length > 1 ? item.nick : '对方';
|
||||
},
|
||||
// 监听到弹窗信息变更回调
|
||||
handleToastInfoChange(value) {
|
||||
if (value.text) {
|
||||
this.showToast(value.text, value.type || "info");
|
||||
}
|
||||
},
|
||||
showToast(value, type) {
|
||||
switch (type) {
|
||||
case "info":
|
||||
wx.showToast({
|
||||
icon: 'none',
|
||||
title: `${name}当前网络不佳`,
|
||||
});
|
||||
}
|
||||
return item;
|
||||
});
|
||||
},
|
||||
// 用户拒绝
|
||||
handleInviteeReject(event) {
|
||||
if (this.data.isGroup) {
|
||||
this.deleteUsers(this.data.allUsers, event.data.invitee);
|
||||
}
|
||||
wx.showToast({
|
||||
title: `${event.data.invitee}已拒绝`,
|
||||
});
|
||||
},
|
||||
// 用户不在线
|
||||
handleNoResponse(event) {
|
||||
if (this.data.isGroup) {
|
||||
this.deleteUsers(this.data.allUsers, event.data.timeoutUserList);
|
||||
}
|
||||
wx.showToast({
|
||||
icon: 'none',
|
||||
title: `${event.data.timeoutUserList}无应答`,
|
||||
});
|
||||
},
|
||||
// 用户忙线
|
||||
handleLineBusy(event) {
|
||||
if (this.data.isGroup) {
|
||||
this.deleteUsers(this.data.allUsers, event.data.invitee);
|
||||
}
|
||||
this.showToast(event.data.invitee);
|
||||
},
|
||||
|
||||
showToast(event) {
|
||||
this.setData({
|
||||
showToatTime: this.data.showToatTime + 500,
|
||||
});
|
||||
setTimeout(() => {
|
||||
wx.showToast({
|
||||
title: `${event}忙线中`,
|
||||
});
|
||||
}, this.data.showToatTime);
|
||||
},
|
||||
|
||||
// 用户取消
|
||||
handleCallingCancel(event) {
|
||||
if (event.data.invitee !== this.data.config.userID) {
|
||||
wx.showToast({
|
||||
title: `${event.data.invitee}取消通话`,
|
||||
});
|
||||
}
|
||||
this.reset();
|
||||
},
|
||||
// 通话超时未应答
|
||||
handleCallingTimeout(event) {
|
||||
if (this.data.isGroup) {
|
||||
// 若是自身未应答 则不弹窗
|
||||
if (this.data.config.userID === event.data.timeoutUserList[0]) {
|
||||
this.reset();
|
||||
return;
|
||||
}
|
||||
const newList = this.deleteUsers(this.data.allUsers, event.data.timeoutUserList);
|
||||
this.setData({
|
||||
allUsers: newList,
|
||||
});
|
||||
}
|
||||
if (this.data.playerList.length === 0) {
|
||||
this.reset();
|
||||
}
|
||||
wx.showToast({
|
||||
title: `${event.data.timeoutUserList[0]}超时无应答`,
|
||||
});
|
||||
},
|
||||
handleCallingUser(userIDList) {
|
||||
const remoteUsers = [...this.data.remoteUsers];
|
||||
const userProfile = remoteUsers.filter(item => userIDList.some(userItem => `${userItem}` === item.userID));
|
||||
this.setData({
|
||||
remoteUsers: remoteUsers.filter(item => userIDList.some(userItem => userItem !== item.userID)),
|
||||
});
|
||||
let nick = '';
|
||||
for (let i = 0; i < userProfile.length; i++) {
|
||||
nick += `${userProfile[i].nick}、`;
|
||||
}
|
||||
return nick.slice(0, -1);
|
||||
},
|
||||
// 通话结束
|
||||
handleCallingEnd(event) {
|
||||
wx.showToast({
|
||||
title: '通话结束',
|
||||
duration: 800,
|
||||
});
|
||||
this.reset();
|
||||
},
|
||||
|
||||
// SDK Ready 回调
|
||||
handleSDKReady() {
|
||||
// 呼叫需在sdk ready之后
|
||||
},
|
||||
// 被踢下线
|
||||
handleKickedOut() {
|
||||
wx.showToast({
|
||||
title: '您已被踢下线',
|
||||
});
|
||||
},
|
||||
// 切换通话模式
|
||||
handleCallMode(event) {
|
||||
this.data.config.type = event.data.type;
|
||||
this.setSoundMode(AUDIO_PLAYBACK_DEVICE.EAR);
|
||||
this.setData({
|
||||
config: this.data.config,
|
||||
});
|
||||
},
|
||||
|
||||
// 删除用户列表操作
|
||||
deleteUsers(usersList, userID) {
|
||||
// 若userID不是数组,则将其转换为数组
|
||||
if (!Array.isArray(userID)) {
|
||||
userID = [userID];
|
||||
}
|
||||
const list = usersList.filter(item => !userID.includes(item.userID));
|
||||
this.setData({
|
||||
allUsers: list,
|
||||
});
|
||||
},
|
||||
|
||||
// 增加用户列表操作
|
||||
addUsers(usersList, userID) {
|
||||
// 若userID不是数组,则将其转换为数组
|
||||
if (!Array.isArray(userID)) {
|
||||
userID = [userID];
|
||||
}
|
||||
const newList = [...usersList, ...userID];
|
||||
return newList;
|
||||
},
|
||||
|
||||
|
||||
// 增加 tsignaling 事件监听
|
||||
_addTSignalingEvent() {
|
||||
// 被邀请通话
|
||||
wx.$TUICallEngine.on(EVENT.INVITED, this.handleNewInvitationReceived, this);
|
||||
// 用户接听
|
||||
wx.$TUICallEngine.on(EVENT.USER_ACCEPT, this.handleUserAccept, this);
|
||||
// 用户进入通话
|
||||
wx.$TUICallEngine.on(EVENT.USER_ENTER, this.handleUserEnter, this);
|
||||
// 用户离开通话
|
||||
wx.$TUICallEngine.on(EVENT.USER_LEAVE, this.handleUserLeave, this);
|
||||
// 用户更新数据
|
||||
wx.$TUICallEngine.on(EVENT.USER_UPDATE, this.handleUserUpdate, this);
|
||||
// 用户拒绝通话
|
||||
wx.$TUICallEngine.on(EVENT.REJECT, this.handleInviteeReject, this);
|
||||
// 用户无响应
|
||||
wx.$TUICallEngine.on(EVENT.NO_RESP, this.handleNoResponse, this);
|
||||
// 用户忙线
|
||||
wx.$TUICallEngine.on(EVENT.LINE_BUSY, this.handleLineBusy, this);
|
||||
// 通话被取消
|
||||
wx.$TUICallEngine.on(EVENT.CALLING_CANCEL, this.handleCallingCancel, this);
|
||||
// 通话超时未应答
|
||||
wx.$TUICallEngine.on(EVENT.CALLING_TIMEOUT, this.handleCallingTimeout, this);
|
||||
// 通话结束
|
||||
wx.$TUICallEngine.on(EVENT.CALL_END, this.handleCallingEnd, this);
|
||||
// SDK Ready 回调
|
||||
wx.$TUICallEngine.on(EVENT.SDK_READY, this.handleSDKReady, this);
|
||||
// 被踢下线
|
||||
wx.$TUICallEngine.on(EVENT.KICKED_OUT, this.handleKickedOut, this);
|
||||
// 切换通话模式
|
||||
wx.$TUICallEngine.on(EVENT.CALL_MODE, this.handleCallMode, this);
|
||||
// 自己发送消息
|
||||
wx.$TUICallEngine.on(EVENT.MESSAGE_SENT_BY_ME, this.messageSentByMe, this);
|
||||
},
|
||||
// 取消 tsignaling 事件监听
|
||||
_removeTSignalingEvent() {
|
||||
// 被邀请通话
|
||||
wx.$TUICallEngine.off(EVENT.INVITED, this.handleNewInvitationReceived);
|
||||
// 用户接听
|
||||
wx.$TUICallEngine.off(EVENT.USER_ACCEPT, this.handleUserAccept);
|
||||
// 用户进入通话
|
||||
wx.$TUICallEngine.off(EVENT.USER_ENTER, this.handleUserEnter);
|
||||
// 用户离开通话
|
||||
wx.$TUICallEngine.off(EVENT.USER_LEAVE, this.handleUserLeave);
|
||||
// 用户更新数据
|
||||
wx.$TUICallEngine.off(EVENT.USER_UPDATE, this.handleUserUpdate);
|
||||
// 用户拒绝通话
|
||||
wx.$TUICallEngine.off(EVENT.REJECT, this.handleInviteeReject);
|
||||
// 用户无响应
|
||||
wx.$TUICallEngine.off(EVENT.NO_RESP, this.handleNoResponse);
|
||||
// 用户忙线
|
||||
wx.$TUICallEngine.off(EVENT.LINE_BUSY, this.handleLineBusy);
|
||||
// 通话被取消
|
||||
wx.$TUICallEngine.off(EVENT.CALLING_CANCEL, this.handleCallingCancel);
|
||||
// 通话超时未应答
|
||||
wx.$TUICallEngine.off(EVENT.CALLING_TIMEOUT, this.handleCallingTimeout);
|
||||
// 通话结束
|
||||
wx.$TUICallEngine.off(EVENT.CALL_END, this.handleCallingEnd);
|
||||
// SDK Ready 回调
|
||||
wx.$TUICallEngine.off(EVENT.SDK_READY, this.handleSDKReady);
|
||||
// 被踢下线
|
||||
wx.$TUICallEngine.off(EVENT.KICKED_OUT, this.handleKickedOut);
|
||||
// 切换通话模式
|
||||
wx.$TUICallEngine.off(EVENT.CALL_MODE, this.handleCallMode);
|
||||
// 自己发送消息
|
||||
wx.$TUICallEngine.off(EVENT.MESSAGE_SENT_BY_ME, this.messageSentByMe);
|
||||
},
|
||||
/**
|
||||
* C2C邀请通话，被邀请方会收到的回调
|
||||
* 如果当前处于通话中，可以调用该函数以邀请第三方进入通话
|
||||
*
|
||||
* @param userID 被邀请方
|
||||
* @param type 0-为之， 1-语音通话，2-视频通话
|
||||
*/
|
||||
async call(params) {
|
||||
this.resetUI();
|
||||
if (this.data.callStatus !== STATUS.IDLE) {
|
||||
return;
|
||||
}
|
||||
|
||||
await wx.$TUICallEngine.call({ userID: params.userID, type: params.type }).then((res) => {
|
||||
this.data.config.type = params.type;
|
||||
this.getUserProfile([params.userID]);
|
||||
this.setData({
|
||||
pusher: res.pusher,
|
||||
config: this.data.config,
|
||||
callStatus: STATUS.CALLING,
|
||||
isSponsor: true,
|
||||
});
|
||||
this.setSoundMode(this.data.config.type === MEDIA_TYPE.AUDIO ? AUDIO_PLAYBACK_DEVICE.EAR : AUDIO_PLAYBACK_DEVICE.SPEAKER);
|
||||
});
|
||||
},
|
||||
/**
|
||||
* IM群组邀请通话，被邀请方会收到的回调
|
||||
* 如果当前处于通话中，可以继续调用该函数继续邀请他人进入通话，同时正在通话的用户会收到的回调
|
||||
*
|
||||
* @param userIDList 邀请列表
|
||||
* @param type 1-语音通话，2-视频通话
|
||||
* @param groupID IM群组ID
|
||||
*/
|
||||
async groupCall(params) {
|
||||
// 判断是否存在groupID
|
||||
if (!params.groupID) {
|
||||
wx.showToast({
|
||||
title: '群ID为空',
|
||||
});
|
||||
return;
|
||||
}
|
||||
this.resetUI();
|
||||
if (this.data.callStatus !== STATUS.IDLE) {
|
||||
return;
|
||||
}
|
||||
wx.$TUICallEngine.groupCall({ userIDList: params.userIDList, type: params.type, groupID: params.groupID }).then((res) => {
|
||||
this.data.config.type = params.type;
|
||||
this.setData({
|
||||
pusher: res.pusher,
|
||||
config: this.data.config,
|
||||
callStatus: STATUS.CALLING,
|
||||
isSponsor: true,
|
||||
isGroup: true,
|
||||
sponsor: this.data.config.userID,
|
||||
});
|
||||
// 将自身的userID插入到邀请列表中,组成完整的用户信息
|
||||
const list = JSON.parse(JSON.stringify(params.userIDList));
|
||||
list.unshift(this.data.config.userID);
|
||||
// 获取用户信息
|
||||
this.getUserProfile(list);
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 当您作为被邀请方收到 {@link TRTCCallingDelegate#onInvited } 的回调时，可以调用该函数接听来电
|
||||
*/
|
||||
async accept() {
|
||||
wx.$TUICallEngine.accept().then((res) => {
|
||||
this.setData({
|
||||
pusher: res.pusher,
|
||||
callStatus: STATUS.CONNECTED,
|
||||
});
|
||||
// 多人通话需要对自身位置进行修正,将其放到首位
|
||||
if (this.data.isGroup) {
|
||||
const newList = this.data.allUsers;
|
||||
for (let i = 0;i < newList.length;i++) {
|
||||
if (newList[i].userID === this.data.config.userID) {
|
||||
newList[i].isEnter = true;
|
||||
[newList[i], newList[0]] = [newList[0], newList[i]];
|
||||
}
|
||||
}
|
||||
this.setData({
|
||||
allUsers: newList,
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
wx.showModal({
|
||||
icon: 'none',
|
||||
title: 'error',
|
||||
content: error.message,
|
||||
showCancel: false,
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 当您作为被邀请方收到的回调时，可以调用该函数拒绝来电
|
||||
*/
|
||||
async reject() {
|
||||
wx.$TUICallEngine.reject().then((res) => {
|
||||
this.reset();
|
||||
});
|
||||
},
|
||||
|
||||
messageSentByMe(event) {
|
||||
const message = event.data.data;
|
||||
this.triggerEvent('sendMessage', {
|
||||
message,
|
||||
});
|
||||
},
|
||||
|
||||
// xml层，是否开启扬声器
|
||||
setSoundMode(type) {
|
||||
this.setData({
|
||||
soundMode: wx.$TUICallEngine.selectAudioPlaybackDevice(type),
|
||||
});
|
||||
},
|
||||
|
||||
// xml层，挂断
|
||||
async _hangUp() {
|
||||
await wx.$TUICallEngine.hangup();
|
||||
this.reset();
|
||||
},
|
||||
|
||||
// 切换大小屏 (仅支持1v1聊天)
|
||||
toggleViewSize(event) {
|
||||
this.setData({
|
||||
// FIXME _toggleViewSize 不应该为TUICallEngine的方法 后续修改
|
||||
screen: wx.$TUICallEngine._toggleViewSize(event),
|
||||
});
|
||||
},
|
||||
// 数据重置
|
||||
reset() {
|
||||
this.setData({
|
||||
callStatus: STATUS.IDLE,
|
||||
isSponsor: false,
|
||||
isGroup: false,
|
||||
soundMode: AUDIO_PLAYBACK_DEVICE.SPEAKER,
|
||||
pusher: {}, // TRTC 本地流
|
||||
playerList: [], // TRTC 远端流
|
||||
showToatTime: 0,
|
||||
});
|
||||
},
|
||||
|
||||
// 呼叫中的事件处理
|
||||
handleCallingEvent(data) {
|
||||
const { name } = data.detail;
|
||||
switch (name) {
|
||||
case 'accept':
|
||||
this.setSoundMode(this.data.config.type === MEDIA_TYPE.AUDIO ? AUDIO_PLAYBACK_DEVICE.EAR : AUDIO_PLAYBACK_DEVICE.SPEAKER);
|
||||
this.accept();
|
||||
break;
|
||||
case 'hangup':
|
||||
this._hangUp();
|
||||
break;
|
||||
case 'reject':
|
||||
this.reject();
|
||||
break;
|
||||
case 'toggleSwitchCamera':
|
||||
wx.$TUICallEngine.switchCamera();
|
||||
break;
|
||||
case 'switchAudioCall':
|
||||
wx.$TUICallEngine.switchCallMediaType(MEDIA_TYPE.AUDIO).then((res) => {
|
||||
this.data.config.type = MEDIA_TYPE.AUDIO;
|
||||
this.setSoundMode(AUDIO_PLAYBACK_DEVICE.EAR);
|
||||
this.setData({
|
||||
config: this.data.config,
|
||||
});
|
||||
title: value,
|
||||
icon: "none",
|
||||
});
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
// 通话中的事件处理
|
||||
handleConnectedEvent(data) {
|
||||
const { name, event } = data.detail;
|
||||
switch (name) {
|
||||
case 'toggleViewSize':
|
||||
this.toggleViewSize(event);
|
||||
break;
|
||||
case 'pusherNetStatus':
|
||||
wx.$TUICallEngine._pusherNetStatus(event);
|
||||
break;
|
||||
case 'playNetStatus':
|
||||
wx.$TUICallEngine._playNetStatus(event);
|
||||
break;
|
||||
case 'pusherStateChangeHandler':
|
||||
wx.$TUICallEngine._pusherStateChangeHandler(event);
|
||||
break;
|
||||
case 'pusherAudioVolumeNotify':
|
||||
wx.$TUICallEngine._pusherAudioVolumeNotify(event);
|
||||
break;
|
||||
case 'playerStateChange':
|
||||
wx.$TUICallEngine._playerStateChange(event);
|
||||
break;
|
||||
case 'playerAudioVolumeNotify':
|
||||
wx.$TUICallEngine._playerAudioVolumeNotify(event);
|
||||
break;
|
||||
case 'pusherAudioHandler':
|
||||
wx.$TUICallEngine._pusherAudioHandler(event);
|
||||
break;
|
||||
case 'hangup':
|
||||
this._hangUp();
|
||||
break;
|
||||
case 'toggleSoundMode':
|
||||
this.setSoundMode(this.data.soundMode === AUDIO_PLAYBACK_DEVICE.EAR ? AUDIO_PLAYBACK_DEVICE.SPEAKER : AUDIO_PLAYBACK_DEVICE.EAR);
|
||||
break;
|
||||
case 'pusherVideoHandler':
|
||||
wx.$TUICallEngine._pusherVideoHandler(event);
|
||||
break;
|
||||
case 'toggleSwitchCamera':
|
||||
wx.$TUICallEngine.switchCamera(event);
|
||||
break;
|
||||
case 'switchAudioCall':
|
||||
wx.$TUICallEngine.switchCallMediaType(MEDIA_TYPE.AUDIO).then((res) => {
|
||||
this.data.config.type = MEDIA_TYPE.AUDIO;
|
||||
this.setData({
|
||||
config: this.data.config,
|
||||
});
|
||||
this.setSoundMode(AUDIO_PLAYBACK_DEVICE.EAR);
|
||||
});
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
// 设置用户的头像、昵称
|
||||
setSelfInfo(nickName, avatar) {
|
||||
return wx.$TUICallEngine.setSelfInfo(nickName, avatar);
|
||||
},
|
||||
|
||||
// 获取用户资料
|
||||
async getUserProfile(userList) {
|
||||
const imResponse = await this.getTim().getUserProfile({ userIDList: userList });
|
||||
// 修正用户资料
|
||||
this.modifyUser(imResponse.data);
|
||||
},
|
||||
|
||||
// 修正用户资料
|
||||
modifyUser(userIDList) {
|
||||
const { sponsor } = this.data;
|
||||
if (this.data.isGroup) {
|
||||
// 多人通话需要将呼叫者放到第一位 isEnter的作用是区分用户是否进入房间
|
||||
for (let i = 0;i < userIDList.length;i++) {
|
||||
// 主叫方的标志位设置成true
|
||||
if (userIDList[i].userID === sponsor) {
|
||||
userIDList[i].isEnter = true;
|
||||
// 对主叫方位置进行修正 将其放到首位
|
||||
[userIDList[i], userIDList[0]] = [userIDList[0], userIDList[i]];
|
||||
} else {
|
||||
// 其他用户默认未进入房间 设置为false
|
||||
userIDList[i].isEnter = false;
|
||||
}
|
||||
}
|
||||
this.setData({
|
||||
allUsers: userIDList,
|
||||
});
|
||||
}
|
||||
this.setData({
|
||||
remoteUsers: userIDList,
|
||||
});
|
||||
},
|
||||
|
||||
// 获取 tim 实例
|
||||
getTim() {
|
||||
return wx.$TUICallEngine.getTim();
|
||||
},
|
||||
// 初始化TRTCCalling
|
||||
async init(params) {
|
||||
// 兼容从config和init中传值
|
||||
const { sdkAppID, tim, userID, userSig, SDKAppID } = { ...this.data.config, ...params };
|
||||
this.setData({
|
||||
ownUserId: userID,
|
||||
config: {
|
||||
...this.data.config,
|
||||
sdkAppID: sdkAppID || SDKAppID,
|
||||
userID,
|
||||
userSig,
|
||||
},
|
||||
});
|
||||
if (!wx.$TUICallEngine) {
|
||||
wx.$TUICallEngine = TUICallEngine.createInstance({
|
||||
tim,
|
||||
sdkAppID: sdkAppID || SDKAppID,
|
||||
});
|
||||
try {
|
||||
await wx.$TUICallEngine.init({
|
||||
userID,
|
||||
userSig,
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
this._addTSignalingEvent();
|
||||
},
|
||||
// 销毁 TUICallEngine
|
||||
destroyed() {
|
||||
if (wx.$TUICallEngine) {
|
||||
this._removeTSignalingEvent();
|
||||
}
|
||||
if (!wx.$globalCallSign) {
|
||||
wx.$TUICallEngine.destroyInstance();
|
||||
wx.$TUICallEngine = null;
|
||||
convertToObj(arr = []) {
|
||||
const tempObject = {};
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
tempObject[arr[i].userID] = arr[i];
|
||||
}
|
||||
return tempObject;
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期方法
|
||||
*/
|
||||
// 生命周期方法
|
||||
lifetimes: {
|
||||
created() {
|
||||
|
||||
},
|
||||
attached() {
|
||||
|
||||
let that = this;
|
||||
TUIStore.watch(
|
||||
StoreName.CALL,
|
||||
{
|
||||
[CALL_STATUS]: this.handleCallStatusChange.bind(that),
|
||||
[IS_GROUP]: this.handleIsGroupChange.bind(that),
|
||||
[CALL_MEDIA_TYPE]: this.handleCallMediaTypeChange.bind(that),
|
||||
[CALL_DURATION]: this.handleCallDurationChange.bind(that),
|
||||
[CALL_ROLE]: this.handleCallRoleChange.bind(that),
|
||||
[IS_EAR_PHONE]: this.handleEarPhoneChange.bind(that),
|
||||
[BIG_SCREEN_USER_ID]: this.handleScreenChange.bind(that),
|
||||
[LOCAL_USER_INFO]: this.handleLocalUserInfoChange.bind(that),
|
||||
[CALLER_USER_INFO]: this.handleCallerUserInfoChange.bind(that),
|
||||
[REMOTE_USER_INFO_LIST]: this.handleRemoteUserInfoListChange.bind(that),
|
||||
[TOAST_INFO]: this.handleToastInfoChange.bind(that),
|
||||
[PUSHER]: this.handlePusherChange.bind(that),
|
||||
[PLAYER]: this.handlePlayerListChange.bind(that),
|
||||
},
|
||||
{
|
||||
notifyRangeWhenWatch: MYSELF,
|
||||
}
|
||||
);
|
||||
},
|
||||
ready() {
|
||||
this.reset();
|
||||
if (wx.$globalCallSign) {
|
||||
wx.$CallManagerInstance.removeEngineInvite();
|
||||
}
|
||||
},
|
||||
detached() {
|
||||
this.destroyed();
|
||||
this.reset();
|
||||
if (wx.$globalCallSign) {
|
||||
wx.$CallManagerInstance.addEngineInvite();
|
||||
}
|
||||
},
|
||||
error() {
|
||||
},
|
||||
},
|
||||
pageLifetimes: {
|
||||
show() {
|
||||
|
||||
},
|
||||
hide() {
|
||||
},
|
||||
resize() {
|
||||
async detached() {
|
||||
let that = this;
|
||||
TUIStore.unwatch(StoreName.CALL, {
|
||||
[CALL_STATUS]: this.handleCallStatusChange.bind(that),
|
||||
[IS_GROUP]: this.handleIsGroupChange.bind(that),
|
||||
[CALL_MEDIA_TYPE]: this.handleCallMediaTypeChange.bind(that),
|
||||
[CALL_DURATION]: this.handleCallDurationChange.bind(that),
|
||||
[CALL_ROLE]: this.handleCallRoleChange.bind(that),
|
||||
[IS_EAR_PHONE]: this.handleEarPhoneChange.bind(that),
|
||||
[BIG_SCREEN_USER_ID]: this.handleScreenChange.bind(that),
|
||||
[LOCAL_USER_INFO]: this.handleLocalUserInfoChange.bind(that),
|
||||
[CALLER_USER_INFO]: this.handleCallerUserInfoChange.bind(that),
|
||||
[REMOTE_USER_INFO_LIST]: this.handleRemoteUserInfoListChange.bind(that),
|
||||
[TOAST_INFO]: this.handleToastInfoChange.bind(that),
|
||||
[PUSHER]: this.handlePusherChange.bind(that),
|
||||
[PLAYER]: this.handlePlayerListChange.bind(that),
|
||||
});
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
+2
-4
@@ -1,10 +1,8 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"TUI-Calling": "./component/calling/calling",
|
||||
"TUI-Connected": "./component/connected/connected",
|
||||
"TUI-groupCalling": "./component/groupCalling/groupCalling",
|
||||
"TUI-groupConnected": "./component/groupConnected/groupConnected"
|
||||
"SingleCall":"./component/SingleCall/SingleCall",
|
||||
"GroupCall":"./component/GroupCall/GroupCall"
|
||||
},
|
||||
"navigationStyle": "custom",
|
||||
"disableScroll": true
|
||||
|
||||
+24
-47
@@ -1,52 +1,29 @@
|
||||
<view class="TUICalling {{callStatus === 'idle' ? 'hidden': 'show'}}">
|
||||
<view class="TRTCCaling-container {{isGroup && config.type === 2 ?'groupConnected':''}}">
|
||||
<TUI-Calling
|
||||
wx:if="{{callStatus === 'calling' && !isGroup}}"
|
||||
isSponsor="{{isSponsor}}"
|
||||
<view wx:if="{{callStatus !== 'idle'}}" class="TUICall-container">
|
||||
<SingleCall
|
||||
wx:if="{{!isGroupCall}}"
|
||||
callRole="{{callRole}}"
|
||||
callStatus ='{{callStatus}}'
|
||||
pusher="{{pusher}}"
|
||||
isGroup="{{isGroup}}"
|
||||
callType="{{config.type}}"
|
||||
remoteUsers="{{remoteUsers}}"
|
||||
bind:callingEvent="handleCallingEvent"
|
||||
></TUI-Calling>
|
||||
|
||||
<TUI-groupCalling
|
||||
wx:if="{{callStatus === 'calling' && isGroup}}"
|
||||
isSponsor="{{isSponsor}}"
|
||||
pusher="{{pusher}}"
|
||||
isGroup="{{isGroup}}"
|
||||
callType="{{config.type}}"
|
||||
allUsers="{{allUsers}}"
|
||||
ownUserId="{{ownUserId}}"
|
||||
bind:callingEvent="handleCallingEvent"
|
||||
></TUI-groupCalling>
|
||||
|
||||
|
||||
<TUI-Connected
|
||||
wx:if="{{callStatus === 'connected' && !isGroup}}"
|
||||
bigScreenUserId="{{bigScreenUserId}}"
|
||||
playerList="{{playerList}}"
|
||||
isGroup="{{isGroup}}"
|
||||
userList="{{userList}}"
|
||||
callDuration="{{callDuration}}"
|
||||
callMediaType="{{callMediaType}}"
|
||||
localUserInfo="{{localUserInfo}}"
|
||||
remoteUserInfoList="{{remoteUserInfoList}}"
|
||||
isEarPhone="{{isEarPhone}}"
|
||||
></SingleCall>
|
||||
<GroupCall
|
||||
wx:if="{{isGroupCall}}"
|
||||
callRole="{{callRole}}"
|
||||
callStatus ='{{callStatus}}'
|
||||
callMediaType="{{callMediaType}}"
|
||||
callDuration="{{callDuration}}"
|
||||
pusher="{{pusher}}"
|
||||
callType="{{config.type}}"
|
||||
soundMode="{{soundMode}}"
|
||||
screen="{{screen}}"
|
||||
bind:connectedEvent="handleConnectedEvent"
|
||||
></TUI-Connected>
|
||||
|
||||
<TUI-groupConnected
|
||||
wx:if="{{callStatus === 'connected' && isGroup}}"
|
||||
allUsers="{{allUsers}}"
|
||||
playerList="{{playerList}}"
|
||||
userList="{{userList}}"
|
||||
isGroup="{{isGroup}}"
|
||||
pusher="{{pusher}}"
|
||||
callType="{{config.type}}"
|
||||
soundMode="{{soundMode}}"
|
||||
screen="{{screen}}"
|
||||
ownUserId="{{ownUserId}}"
|
||||
playerProcess="{{ playerProcess}}"
|
||||
bind:connectedEvent="handleConnectedEvent"
|
||||
></TUI-groupConnected>
|
||||
</view>
|
||||
localUserInfo="{{localUserInfo}}"
|
||||
callerUserInfo="{{callerUserInfo}}"
|
||||
remoteUserInfoList="{{remoteUserInfoList}}"
|
||||
playerProcess="{{playerProcess}}"
|
||||
isEarPhone="{{isEarPhone}}"
|
||||
></GroupCall>
|
||||
</view>
|
||||
|
||||
+4
-19
@@ -1,25 +1,10 @@
|
||||
.TRTCCaling-container {
|
||||
.TUICall-container {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
/* background-image: url(https://mc.qcloudimg.com/static/img/7da57e0050d308e2e1b1e31afbc42929/bg.png); */
|
||||
margin: 0;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.TUICalling {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
z-index: 10;
|
||||
background: #ffffff;
|
||||
}
|
||||
.show {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.groupConnected{
|
||||
background-color: #2c292923;
|
||||
z-index: 10;
|
||||
margin: 0;
|
||||
}
|
||||
Generated
Vendored
+116
@@ -0,0 +1,116 @@
|
||||
import { TUICallKitServer } from "../../../TUICallService/index";
|
||||
const PATH = '../../../static';
|
||||
Component({
|
||||
properties: {
|
||||
callRole: {
|
||||
type: String,
|
||||
},
|
||||
callStatus: {
|
||||
type: String,
|
||||
},
|
||||
callMediaType: {
|
||||
type: Number,
|
||||
},
|
||||
callDuration: {
|
||||
type: String,
|
||||
},
|
||||
pusher: {
|
||||
type: Object,
|
||||
},
|
||||
playerList: {
|
||||
type: Array,
|
||||
},
|
||||
localUserInfo: {
|
||||
type: Object,
|
||||
},
|
||||
callerUserInfo: {
|
||||
type: Object
|
||||
},
|
||||
remoteUserInfoList: {
|
||||
type: Array,
|
||||
},
|
||||
playerProcess: {
|
||||
type: Object,
|
||||
},
|
||||
isEarPhone: {
|
||||
type: Boolean,
|
||||
},
|
||||
},
|
||||
data: {
|
||||
renderStreamList: [],
|
||||
IMG_DEFAULT_AVATAR:`${PATH}/default_avatar.png`,
|
||||
IMG_LOADING:`${PATH}/loading.png`,
|
||||
IMG_HANGUP:`${PATH}/hangup.png`,
|
||||
IMG_ACCEPT: `${PATH}/dialing.png`,
|
||||
IMG_SPEAKER_FALSE:`${PATH}/speaker-false.png`,
|
||||
IMG_SPEAKER_TRUE:`${PATH}/speaker-true.png`,
|
||||
IMG_AUDIO_TRUE:`${PATH}/audio-true.png`,
|
||||
IMG_AUDIO_FALSE:`${PATH}/audio-false.png`,
|
||||
IMG_CAMERA_TRUE:`${PATH}/camera-true.png`,
|
||||
IMG_CAMERA_FALSE:`${PATH}/camera-false.png`,
|
||||
IMG_TRANS:`${PATH}/trans.png`,
|
||||
IMG_SWITCH_CAMERA:`${PATH}/switch_camera.png`,
|
||||
},
|
||||
observers: {
|
||||
"localUserInfo, remoteUserInfoList": function (
|
||||
localUserInfo,
|
||||
remoteUserInfoList
|
||||
) {
|
||||
this.setData({
|
||||
renderStreamList: [localUserInfo, ...remoteUserInfoList],
|
||||
});
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
async accept() {
|
||||
await TUICallKitServer.accept();
|
||||
},
|
||||
async hangup() {
|
||||
await TUICallKitServer.hangup();
|
||||
},
|
||||
async reject() {
|
||||
await TUICallKitServer.reject();
|
||||
},
|
||||
async switchCamera() {
|
||||
await TUICallKitServer.switchCamera();
|
||||
},
|
||||
async microPhoneHandler() {
|
||||
if (this.data.localUserInfo.isAudioAvailable) {
|
||||
await TUICallKitServer.closeMicrophone();
|
||||
} else {
|
||||
await TUICallKitServer.openMicrophone();
|
||||
}
|
||||
},
|
||||
async cameraHandler() {
|
||||
if (this.data.localUserInfo.isVideoAvailable) {
|
||||
await TUICallKitServer.closeCamera();
|
||||
} else {
|
||||
await TUICallKitServer.openCamera();
|
||||
}
|
||||
},
|
||||
async toggleSoundMode() {
|
||||
await TUICallKitServer.setSoundMode();
|
||||
},
|
||||
pusherStateChangeHandler(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherStateChangeHandler(e);
|
||||
},
|
||||
pusherNetStatus(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherNetStatus(e);
|
||||
},
|
||||
pusherErrorHandler(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherNetStatus(e);
|
||||
},
|
||||
pusherAudioVolumeNotify(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherAudioVolumeNotify(e);
|
||||
},
|
||||
playerStateChange(e) {
|
||||
TUICallKitServer._tuiCallEngine._playerStateChange(e);
|
||||
},
|
||||
playNetStatus(e) {
|
||||
TUICallKitServer._tuiCallEngine._playNetStatus(e);
|
||||
},
|
||||
playerAudioVolumeNotify(e) {
|
||||
TUICallKitServer._tuiCallEngine._playerAudioVolumeNotify(e);
|
||||
},
|
||||
},
|
||||
});
|
||||
Generated
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Generated
Vendored
+285
@@ -0,0 +1,285 @@
|
||||
<!-- 语音通话 -->
|
||||
<view class="incoming-call audio-call transition-animation" wx:if="{{callMediaType === 1}}">
|
||||
<!-- 主叫方呼叫状态 -->
|
||||
<swiper class="swiper" wx:if="{{callRole === 'caller' && callStatus === 'calling' }}" indicator-dots="{{renderStreamList.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(renderStreamList.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{renderStreamList}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userId}}" class="invite-calling-item-message" wx:if="{{item.userId !== localUserInfo.userId}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="{{IMG_LOADING}}"></image>
|
||||
</view>
|
||||
<view class="invite-calling-item-id">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
<!-- 被叫方呼叫状态 -->
|
||||
<view wx:if="{{callRole !== 'caller' && callStatus === 'calling' }}">
|
||||
<view class="invite-calling-single">
|
||||
<image class="avatar" src="{{callerUserInfo.avatar || IMG_DEFAULT_AVATAR}}" id="{{renderStreamList[0].userId}}" binderror="handleErrorImage" />
|
||||
<view class="tips">{{callerUserInfo.nick || callerUserInfo.userId}}</view>
|
||||
<view class="invite-txt">邀请你参加多人通话</view>
|
||||
</view>
|
||||
<view class="invite-other-txt">参与通话的有：</view>
|
||||
<view class="invite-other-list">
|
||||
<view class="invite-other-item" wx:for="{{renderStreamList}}" wx:key="item">
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="invite-other-item-name">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 主叫/被叫方通话状态 -->
|
||||
<view wx:if="{{callStatus === 'connected' }}">
|
||||
<view>
|
||||
<swiper class="swiper" indicator-dots="{{renderStreamList.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(renderStreamList.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{renderStreamList}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userId}}" class="invite-calling-item-message" wx:if="{{!item.isEnter}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="{{IMG_LOADING}}"></image>
|
||||
</view>
|
||||
<view class="invite-calling-item-id">
|
||||
{{item.displayUserInfo || item.nick || item.userId}}
|
||||
</view>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || IMG_DEFAULT_AVATAR}}"></image>
|
||||
<view class="name">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class="pusher-audio">
|
||||
<swiper class="swiper" indicator-dots="{{renderStreamList.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(renderStreamList.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{renderStreamList}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userId}}" class="invite-calling-item-message" wx:if="{{!item.isEnter}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="{{IMG_LOADING}}"></image>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">
|
||||
{{item.displayUserInfo || item.nick || item.userId}}
|
||||
</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<!-- 本地流 -->
|
||||
<view wx:if="{{item.userId===localUserInfo.userId}}" class="pusher-audio" data-screen="pusher" catch:tap="toggleViewSize">
|
||||
<live-pusher class="pusher-audio" url="{{pusher.url}}" mode="{{pusher.mode}}" autopush="{{true}}" enable-camera="{{pusher.enableCamera}}" enable-mic="{{true}}" muted="{{!pusher.enableMic}}" enable-agc="{{true}}" enable-ans="{{true}}" enable-ear-monitor="{{pusher.enableEarMonitor}}" auto-focus="{{pusher.enableAutoFocus}}" zoom="{{pusher.enableZoom}}" min-bitrate="{{pusher.minBitrate}}" max-bitrate="{{pusher.maxBitrate}}" video-width="{{pusher.videoWidth}}" video-height="{{pusher.videoHeight}}" beauty="{{pusher.beautyLevel}}" whiteness="{{pusher.whitenessLevel}}" orientation="{{pusher.videoOrientation}}" aspect="{{pusher.videoAspect}}" device-position="{{pusher.frontCamera}}" remote-mirror="{{pusher.enableRemoteMirror}}" local-mirror="{{pusher.localMirror}}" background-mute="{{pusher.enableBackgroundMute}}" audio-quality="{{pusher.audioQuality}}" audio-volume-type="{{pusher.audioVolumeType}}" audio-reverb-type="{{pusher.audioReverbType}}" waiting-image="{{pusher.waitingImage}}" beauty-style="{{pusher.beautyStyle}}" filter="{{pusher.filter}}" bindstatechange="pusherStateChangeHandler" bindnetstatus="pusherNetStatus" binderror="pusherErrorHandler" bindaudiovolumenotify="pusherAudioVolumeNotify" />
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || IMG_DEFAULT_AVATAR}}"></image>
|
||||
<view class="name">我</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 远端流 -->
|
||||
<view class="pusher-audio" wx:else>
|
||||
<live-player wx:if="{{playerProcess[item.userId]}}" wx:if="{{ playerProcess[item.userId].hasAudio || playerProcess[item.userId].hasVideo }}" class="{{callMediaType === 1 ? 'pusher-audio' : 'pusher-ownvideo'}}" id="{{playerProcess[item.userId].id}}" data-userid="{{playerProcess[item.userId].userID}}" data-streamid="{{playerProcess[item.userId].streamID}}" data-streamtype="{{playerProcess[item.userId].streamType}}" src="{{playerProcess[item.userId].src}}" mode="RTC" autoplay="{{playerProcess[item.userId].autoplay}}" mute-audio="{{playerProcess[item.userId].muteAudio}}" mute-video="{{playerProcess[item.userId].muteVideo}}" orientation="{{playerProcess[item.userId].orientation}}" object-fit="{{playerProcess[item.userId].objectFit}}" background-mute="{{playerProcess[item.userId].enableBackgroundMute}}" min-cache="{{playerProcess[item.userId].minCache}}" max-cache="{{playerProcess[item.userId].maxCache}}" sound-mode="{{isEarPhone?'ear':'speaker'}}" enable-recv-message="{{playerProcess[item.userId].enableRecvMessage}}" auto-pause-if-navigate="{{playerProcess[item.userId].autoPauseIfNavigate}}" auto-pause-if-open-native="{{playerProcess[item.userId].autoPauseIfOpenNative}}" bindstatechange="playerStateChange" bindfullscreenchange="playerFullscreenChange" bindnetstatus="playNetStatus" bindaudiovolumenotify="playerAudioVolumeNotify" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 呼叫阶段按钮 -->
|
||||
<view wx:if="{{callStatus === 'calling'}}" class="footer">
|
||||
<view wx:if="{{callRole !== 'caller'}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<view style="margin-top:10px;color: #666666">挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="call-operate" catch:tap="accept">
|
||||
<image src="{{IMG_ACCEPT}}" />
|
||||
</view>
|
||||
<view style="margin-top:10px;color: #666666">接听</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{callRole === 'caller'}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="hangup">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<view style="margin-top:10px;color: #666666">挂断</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 通话阶段按钮 -->
|
||||
<view wx:if="{{callStatus === 'connected'}}" class="handle-btns">
|
||||
<view class="other-view black">
|
||||
<text>{{callDuration}}</text>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="microPhoneHandler">
|
||||
<image class="btn-image" src="{{localUserInfo.isAudioAvailable? IMG_AUDIO_TRUE: IMG_AUDIO_FALSE}} "></image>
|
||||
</view>
|
||||
<view>麦克风</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="{{IMG_HANGUP}}"></image>
|
||||
</view>
|
||||
<view>挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="toggleSoundMode">
|
||||
<image class="btn-image" src="{{isEarPhone ? IMG_SPEAKER_FALSE: IMG_SPEAKER_TRUE}} "></image>
|
||||
</view>
|
||||
<text>扬声器</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 视频通话 -->
|
||||
<view class="invite-call audio-call transition-animation" wx:if="{{callMediaType === 2}}">
|
||||
<!-- 通话状态 -->
|
||||
<view wx:if="{{callStatus === 'connected' }}">
|
||||
<swiper class="swiper" indicator-dots="{{renderStreamList.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(renderStreamList.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{renderStreamList}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userId}}" class="invite-calling-item-message" wx:if="{{!item.isEnter}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="{{IMG_LOADING}}"></image>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<!-- 本地流 -->
|
||||
<view wx:if="{{item.userId === localUserInfo.userId}}" class="play-item" data-screen="pusher">
|
||||
<live-pusher class="pusher-ownvideo" url="{{pusher.url}}" mode="{{pusher.mode}}" autopush="{{true}}" enable-camera="{{pusher.enableCamera}}" enable-mic="{{true}}" muted="{{!pusher.enableMic}}" enable-agc="{{true}}" enable-ans="{{true}}" enable-ear-monitor="{{pusher.enableEarMonitor}}" auto-focus="{{pusher.enableAutoFocus}}" zoom="{{pusher.enableZoom}}" min-bitrate="{{pusher.minBitrate}}" max-bitrate="{{pusher.maxBitrate}}" video-width="{{pusher.videoWidth}}" video-height="{{pusher.videoHeight}}" beauty="{{pusher.beautyLevel}}" whiteness="{{pusher.whitenessLevel}}" orientation="{{pusher.videoOrientation}}" aspect="{{pusher.videoAspect}}" device-position="{{pusher.frontCamera}}" remote-mirror="{{pusher.enableRemoteMirror}}" local-mirror="{{pusher.localMirror}}" background-mute="{{pusher.enableBackgroundMute}}" audio-quality="{{pusher.audioQuality}}" audio-volume-type="{{pusher.audioVolumeType}}" audio-reverb-type="{{pusher.audioReverbType}}" waiting-image="{{pusher.waitingImage}}" beauty-style="{{pusher.beautyStyle}}" filter="{{pusher.filter}}" bindstatechange="pusherStateChangeHandler" bindnetstatus="pusherNetStatus" binderror="pusherErrorHandler" bindaudiovolumenotify="pusherAudioVolumeNotify" />
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || IMG_DEFAULT_AVATAR}}"></image>
|
||||
<view class="name">我</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 远端流 -->
|
||||
<view class="play-item" wx:else>
|
||||
<live-player class="pusher-ownvideo" wx:if="{{playerProcess[item.userId]}}" wx:if="{{ playerProcess[item.userId].hasAudio || playerProcess[item.userId].hasVideo }}" id="{{playerProcess[item.userId].id}}" data-userid="{{playerProcess[item.userId].userID}}" data-streamid="{{playerProcess[item.userId].streamID}}" data-streamtype="{{playerProcess[item.userId].streamType}}" src="{{playerProcess[item.userId].src}}" mode="RTC" autoplay="{{playerProcess[item.userId].autoplay}}" mute-audio="{{playerProcess[item.userId].muteAudio}}" mute-video="{{playerProcess[item.userId].muteVideo}}" orientation="{{playerProcess[item.userId].orientation}}" object-fit="{{playerProcess[item.userId].objectFit}}" background-mute="{{playerProcess[item.userId].enableBackgroundMute}}" min-cache="{{playerProcess[item.userId].minCache}}" max-cache="{{playerProcess[item.userId].maxCache}}" sound-mode="{{isEarPhone?'ear':'speaker'}}" enable-recv-message="{{playerProcess[item.userId].enableRecvMessage}}" auto-pause-if-navigate="{{playerProcess[item.userId].autoPauseIfNavigate}}" auto-pause-if-open-native="{{playerProcess[item.userId].autoPauseIfOpenNative}}" bindstatechange="playerStateChange" bindfullscreenchange="playerFullscreenChange" bindnetstatus="playNetStatus" bindaudiovolumenotify="playerAudioVolumeNotify" />
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || IMG_DEFAULT_AVATAR}}"></image>
|
||||
<view class="name">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<!-- 邀请信息 -->
|
||||
<view class="invite-calling">
|
||||
<!-- 主叫方 -->
|
||||
<swiper class="swiper" wx:if="{{callRole === 'caller' && callStatus === 'calling' }}" indicator-dots="{{renderStreamList.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(renderStreamList.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{renderStreamList}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userId}}" class="invite-calling-item-message" wx:if="{{item.userId !== localUserInfo.userId}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="{{IMG_LOADING}}"></image>
|
||||
</view>
|
||||
<view class="invite-calling-item-id">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">{{item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
<!-- 被叫方 -->
|
||||
<view wx:if="{{callRole !== 'caller' && callStatus === 'calling' }}">
|
||||
<view class="invite-calling-single">
|
||||
<image class="avatar" src="{{callerUserInfo.avatar || IMG_DEFAULT_AVATAR}}" id="{{renderStreamList[0].userId}}" binderror="handleErrorImage" />
|
||||
<view class="tips">{{ callerUserInfo.nick || callerUserInfo.userId }}</view>
|
||||
<view class="invite-txt">邀请你参加多人通话</view>
|
||||
</view>
|
||||
<view class="invite-other-txt">参与通话的有：</view>
|
||||
<view class="invite-other-list">
|
||||
<view class="invite-other-item" wx:for="{{renderStreamList}}" wx:key="item">
|
||||
<image class="avatar" src="{{item.avatar || IMG_DEFAULT_AVATAR}}" binderror="handleErrorImage" />
|
||||
<view class="invite-other-item-name">{{ item.displayUserInfo || item.nick || item.userId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 呼叫阶段按钮 -->
|
||||
<view wx:if="{{callStatus === 'calling' }}" class="footer">
|
||||
<view class="btn-operate" wx:if="{{callRole === 'caller'}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="btn-container">
|
||||
<view class="call-operate" catch:tap="hangup">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
</view>
|
||||
<text style="color: #666666">挂断</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-operate" wx:if="{{callRole !== 'caller'}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<text style="color: #666666">挂断</text>
|
||||
</view>
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" catch:tap="accept">
|
||||
<image src="{{IMG_ACCEPT}}" />
|
||||
</view>
|
||||
<text style="color: #666666">接听</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 通话阶段按钮 -->
|
||||
<view wx:if="{{callStatus === 'connected' }}" class="handle-btns">
|
||||
<view class="other-view white">
|
||||
<text>{{callDuration}}</text>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="microPhoneHandler">
|
||||
<image class="btn-image" src="{{localUserInfo.isAudioAvailable ? IMG_AUDIO_TRUE: IMG_AUDIO_FALSE}} "></image>
|
||||
</view>
|
||||
<view class="white">麦克风</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="toggleSoundMode">
|
||||
<image class="btn-image" src="{{isEarPhone ? IMG_SPEAKER_FALSE: IMG_SPEAKER_TRUE}} "></image>
|
||||
</view>
|
||||
<text class="white">扬声器</text>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="cameraHandler">
|
||||
<image class="btn-image" src="{{localUserInfo.isVideoAvailable? IMG_CAMERA_TRUE: IMG_CAMERA_FALSE}} "></image>
|
||||
</view>
|
||||
<text class="white">摄像头</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="btn-list-item other-view">
|
||||
<view class="btn-container">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="{{IMG_HANGUP}}"></image>
|
||||
</view>
|
||||
<view wx:if="{{pusher.enableCamera}}" class="invite-calling-header-left">
|
||||
<image src="{{IMG_SWITCH_CAMERA}}" data-device="{{pusher.frontCamera}}" catch:tap="toggleSwitchCamera" />
|
||||
</view>
|
||||
</view>
|
||||
<text class="white">挂断</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Generated
Vendored
+754
@@ -0,0 +1,754 @@
|
||||
.transition-animation {
|
||||
transform: translateY(-100%);
|
||||
animation: slideInDown 0.5s ease forwards;
|
||||
}
|
||||
|
||||
@keyframes slideInDown {
|
||||
from {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-operate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
font-size: 14px;
|
||||
color: #f0e9e9;
|
||||
padding: 5px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 5px;
|
||||
color: #f0e9e9;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.call-operate {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
border-radius: 8vh;
|
||||
margin: 0 15vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 0;
|
||||
margin: 0 auto;
|
||||
font-weight: 600;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tips-subtitle {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 0;
|
||||
text-align: right;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.invite-call {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
height: 187px;
|
||||
}
|
||||
|
||||
.invite-call .local-video {
|
||||
width: 100px;
|
||||
height: 187px;
|
||||
}
|
||||
|
||||
.invite-call .invite-calling {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 101;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.invite-calling-header {
|
||||
margin-top: 107px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.invite-calling-header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.invite-calling-header-message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.invite-calling-header-right image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.invite-calling .footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.invite-calling .btn-operate {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.trtc-calling {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.audio-call {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.audio-call > .btn-operate {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.audio-call > image {
|
||||
width: 40vw;
|
||||
height: 40vw;
|
||||
display: block;
|
||||
margin: 20vw 30vw;
|
||||
margin-top: 40vw;
|
||||
}
|
||||
|
||||
.invite-calling-single > image {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border-radius: 12px;
|
||||
display: block;
|
||||
margin: 120px auto 15px;
|
||||
}
|
||||
|
||||
.invite-calling-single .tips {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.invite-calling-single .tips-subtitle {
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #97989c;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
margin-top: 107px;
|
||||
min-height: 374px;
|
||||
}
|
||||
|
||||
.invite-calling-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.invite-calling-item {
|
||||
flex: 0.5;
|
||||
min-width: 50%;
|
||||
height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-item image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.invite-calling-item-message {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg {
|
||||
position: absolute;
|
||||
left: calc(50% - 20px);
|
||||
top: calc(50% - 20px);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
-webkit-transform: rotate(360deg);
|
||||
animation: rotation 2s linear infinite;
|
||||
-moz-animation: rotation 2s linear infinite;
|
||||
-webkit-animation: rotation 2s linear infinite;
|
||||
-o-animation: rotation 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.invite-calling-item-id {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
bottom: 2%;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
/* 被叫者 */
|
||||
.invite-txt {
|
||||
width: 126px;
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
margin: 16px auto 60px auto;
|
||||
}
|
||||
|
||||
.invite-other-txt {
|
||||
width: 112px;
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
margin: 0 auto 24px auto;
|
||||
}
|
||||
|
||||
.invite-other-list {
|
||||
position: absolute;
|
||||
left: 14vw;
|
||||
margin-top: 0 auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 272px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.invite-other-item {
|
||||
flex: 0.25;
|
||||
text-align: center;
|
||||
max-width: 64px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.invite-other-item image {
|
||||
border-radius: 10%;
|
||||
max-width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.invite-other-item-name {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* 全屏设置 */
|
||||
.TUICalling-connected-layout {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TUICalling-connected-video {
|
||||
width: 100%;
|
||||
height: 180%;
|
||||
}
|
||||
|
||||
/* 本地音频 */
|
||||
.stream-box {
|
||||
float: left;
|
||||
width: 187px;
|
||||
height: 187px;
|
||||
position: absolute;
|
||||
top: 13vh;
|
||||
}
|
||||
|
||||
/* 远端音频列表 */
|
||||
.swiper {
|
||||
margin-top: 107px;
|
||||
min-height: 374px;
|
||||
}
|
||||
|
||||
.invite-calling-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.invite-calling-item {
|
||||
flex: 0.5;
|
||||
min-width: 50%;
|
||||
height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-item image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 本地视频 */
|
||||
.play-item {
|
||||
width: 100%;
|
||||
height: 187px;
|
||||
position: relative;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.pusher-ownvideo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 远端视频列表 */
|
||||
.swiper-list {
|
||||
min-height: 189px;
|
||||
}
|
||||
|
||||
.player-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.player-item {
|
||||
flex: 0.5;
|
||||
min-width: 50%;
|
||||
min-height: 187px;
|
||||
}
|
||||
|
||||
/* 音量图标 */
|
||||
.player-control {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
border-radius: 0 6px 6px 0;
|
||||
color: #fff;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 32px;
|
||||
max-width: 50%;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.player-control image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.player-control .name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
flex: 1;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.control-buttons {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* 菜单 */
|
||||
.handle-btns {
|
||||
position: absolute;
|
||||
bottom: 44px;
|
||||
width: 100vw;
|
||||
z-index: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.handle-btns .btn-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background: white; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.btn-hangup {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
/*background: #f75c45;*/
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-hangup > .btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.btn-footer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn-footer .multi-camera {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.btn-footer .camera {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: fixed;
|
||||
left: 16px;
|
||||
top: 107px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.btn-footer .camera .camera-image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.audio {
|
||||
padding-top: 15vh;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.pusher-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.player-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.other-view {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.white {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.black {
|
||||
color: #000000;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-box {
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.TRTCCalling-calling-list {
|
||||
flex: 0.5;
|
||||
/*设置最小宽度，才会让元素排不下，导致换行排列*/
|
||||
min-width: 50%;
|
||||
min-height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TRTCCalling-calling-list image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TRTCCalling-calling-item-id {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
bottom: 2%;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-list-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.btn-image-small {
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: -88px;
|
||||
}
|
||||
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
padding: 8px 0;
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.invite-calling-item-message {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg {
|
||||
position: absolute;
|
||||
left: calc(50% - 20px);
|
||||
top: calc(50% - 20px);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
-webkit-transform: rotate(360deg);
|
||||
animation: rotation 2s linear infinite;
|
||||
-moz-animation: rotation 2s linear infinite;
|
||||
-webkit-animation: rotation 2s linear infinite;
|
||||
-o-animation: rotation 2s linear infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.invite-calling-item-id {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
bottom: 2%;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #ffffff;
|
||||
}
|
||||
Generated
Vendored
+107
@@ -0,0 +1,107 @@
|
||||
import { TUICallKitServer } from "../../../TUICallService/index";
|
||||
const PATH = '../../../static';
|
||||
Component({
|
||||
properties: {
|
||||
callRole: {
|
||||
type: String,
|
||||
},
|
||||
callStatus: {
|
||||
type: String,
|
||||
},
|
||||
callMediaType: {
|
||||
type: Number,
|
||||
},
|
||||
callDuration: {
|
||||
type: String,
|
||||
},
|
||||
pusher: {
|
||||
type: Object,
|
||||
},
|
||||
playerList: {
|
||||
type: Array,
|
||||
},
|
||||
localUserInfo: {
|
||||
type:Object
|
||||
},
|
||||
remoteUserInfoList: {
|
||||
type: Array,
|
||||
},
|
||||
isEarPhone: {
|
||||
type: Boolean,
|
||||
},
|
||||
bigScreenUserId: {
|
||||
type: Boolean
|
||||
}
|
||||
},
|
||||
data:{
|
||||
IMG_DEFAULT_AVATAR:`${PATH}/default_avatar.png`,
|
||||
IMG_HANGUP:`${PATH}/hangup.png`,
|
||||
IMG_ACCEPT: `${PATH}/dialing.png`,
|
||||
IMG_SPEAKER_FALSE:`${PATH}/speaker-false.png`,
|
||||
IMG_SPEAKER_TRUE:`${PATH}/speaker-true.png`,
|
||||
IMG_AUDIO_TRUE:`${PATH}/audio-true.png`,
|
||||
IMG_AUDIO_FALSE:`${PATH}/audio-false.png`,
|
||||
IMG_CAMERA_TRUE:`${PATH}/camera-true.png`,
|
||||
IMG_CAMERA_FALSE:`${PATH}/camera-false.png`,
|
||||
IMG_TRANS:`${PATH}/trans.png`,
|
||||
IMG_SWITCH_CAMERA:`${PATH}/switch_camera.png`,
|
||||
},
|
||||
methods: {
|
||||
async accept() {
|
||||
await TUICallKitServer.accept();
|
||||
},
|
||||
async hangup() {
|
||||
await TUICallKitServer.hangup();
|
||||
},
|
||||
async reject() {
|
||||
await TUICallKitServer.reject();
|
||||
},
|
||||
async switchCamera() {
|
||||
await TUICallKitServer.switchCamera();
|
||||
},
|
||||
async switchCallMediaType() {
|
||||
await TUICallKitServer.switchCallMediaType();
|
||||
},
|
||||
async microPhoneHandler() {
|
||||
if (this.data.localUserInfo.isAudioAvailable) {
|
||||
await TUICallKitServer.closeMicrophone();
|
||||
} else {
|
||||
await TUICallKitServer.openMicrophone();
|
||||
}
|
||||
},
|
||||
async cameraHandler() {
|
||||
if (this.data.localUserInfo.isVideoAvailable) {
|
||||
await TUICallKitServer.closeCamera();
|
||||
} else {
|
||||
await TUICallKitServer.openCamera();
|
||||
}
|
||||
},
|
||||
async toggleSoundMode() {
|
||||
await TUICallKitServer.setSoundMode();
|
||||
},
|
||||
toggleViewSize() {
|
||||
TUICallKitServer.switchScreen(this.data.bigScreenUserId ? 'player':'localVideo')
|
||||
},
|
||||
pusherStateChangeHandler(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherStateChangeHandler(e);
|
||||
},
|
||||
pusherNetStatus(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherNetStatus(e);
|
||||
},
|
||||
pusherErrorHandler(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherNetStatus(e);
|
||||
},
|
||||
pusherAudioVolumeNotify(e) {
|
||||
TUICallKitServer._tuiCallEngine._pusherAudioVolumeNotify(e);
|
||||
},
|
||||
playerStateChange(e) {
|
||||
TUICallKitServer._tuiCallEngine._playerStateChange(e);
|
||||
},
|
||||
playNetStatus(e) {
|
||||
TUICallKitServer._tuiCallEngine._playNetStatus(e);
|
||||
},
|
||||
playerAudioVolumeNotify(e) {
|
||||
TUICallKitServer._tuiCallEngine._playerAudioVolumeNotify(e);
|
||||
},
|
||||
},
|
||||
});
|
||||
Generated
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Generated
Vendored
+172
@@ -0,0 +1,172 @@
|
||||
<!-- 音频通话 -->
|
||||
<view class="{{callMediaType === 1?'audio-call':'invite-call' }} transition-animation">
|
||||
<!-- 本地流 -->
|
||||
<view class="{{callMediaType === 1 ? 'pusher-audio' : (bigScreenUserId || callStatus === 'calling' ? 'pusher-video' : 'player')}}" data-screen="pusher" catch:tap="toggleViewSize">
|
||||
<live-pusher class="{{callMediaType === 1?'pusher-audio':'live'}}" url="{{pusher.url}}" mode="{{pusher.mode}}" autopush="{{true}}" enable-camera="{{pusher.enableCamera}}" enable-mic="{{true}}" muted="{{!pusher.enableMic}}" enable-agc="{{true}}" enable-ans="{{true}}" enable-ear-monitor="{{pusher.enableEarMonitor}}" auto-focus="{{pusher.enableAutoFocus}}" zoom="{{pusher.enableZoom}}" min-bitrate="{{pusher.minBitrate}}" max-bitrate="{{pusher.maxBitrate}}" video-width="{{pusher.videoWidth}}" video-height="{{pusher.videoHeight}}" beauty="{{pusher.beautyLevel}}" whiteness="{{pusher.whitenessLevel}}" orientation="{{pusher.videoOrientation}}" aspect="{{pusher.videoAspect}}" device-position="{{pusher.frontCamera}}" remote-mirror="{{pusher.enableRemoteMirror}}" local-mirror="{{pusher.localMirror}}" background-mute="{{pusher.enableBackgroundMute}}" audio-quality="{{pusher.audioQuality}}" audio-volume-type="{{pusher.audioVolumeType}}" audio-reverb-type="{{pusher.audioReverbType}}" waiting-image="{{pusher.waitingImage}}" beauty-style="{{pusher.beautyStyle}}" filter="{{pusher.filter}}" bindstatechange="pusherStateChangeHandler" bindnetstatus="pusherNetStatus" binderror="pusherErrorHandler" bindaudiovolumenotify="pusherAudioVolumeNotify" />
|
||||
</view>
|
||||
<!-- 远端流 -->
|
||||
<view wx:for="{{playerList}}" wx:key="streamID" class="view-container player-container" catch:tap="toggleViewSize">
|
||||
<view class="{{callMediaType === 1 ? 'player-audio' : (!bigScreenUserId ? 'pusher-video' : 'player')}}" data-screen="player">
|
||||
<live-player class="live" wx:if="{{ item.hasAudio || item.hasVideo }}" id="{{item.id}}" data-userid="{{item.userID}}" data-streamid="{{item.streamID}}" data-streamtype="{{item.streamType}}" src="{{item.src}}" mode="RTC" autoplay="{{item.autoplay}}" mute-audio="{{item.muteAudio}}" mute-video="{{item.muteVideo}}" orientation="{{item.orientation}}" object-fit="{{item.objectFit}}" background-mute="{{item.enableBackgroundMute}}" min-cache="{{item.minCache}}" max-cache="{{item.maxCache}}" sound-mode="{{isEarPhone?'ear':'speaker'}}" enable-recv-message="{{item.enableRecvMessage}}" auto-pause-if-navigate="{{item.autoPauseIfNavigate}}" auto-pause-if-open-native="{{item.autoPauseIfOpenNative}}" bindstatechange="playerStateChange" bindfullscreenchange="playerFullscreenChange" bindnetstatus="playNetStatus" bindaudiovolumenotify="playerAudioVolumeNotify" />
|
||||
</view>
|
||||
</view>
|
||||
<!-- 语言通话邀请信息 -->
|
||||
<view wx:if="{{callMediaType === 1}}" class="invite-calling-single">
|
||||
<image class="avatar" src="{{remoteUserInfoList[0].avatar || IMG_DEFAULT_AVATAR}}" id="{{remoteUserInfoList[0].userId}}" binderror="handleErrorImage" />
|
||||
<view class="tips">{{remoteUserInfoList[0].displayUserInfo}}</view>
|
||||
<view wx:if="{{callRole === 'caller' && callStatus === 'calling' }}" class="tips-subtitle">等待对方接受</view>
|
||||
</view>
|
||||
<!-- 视频通话邀请信息 -->
|
||||
<view wx:if="{{callStatus === 'calling' && callMediaType === 2}}" class="invite-calling">
|
||||
<view class="invite-calling-header">
|
||||
<view class="invite-calling-header-right">
|
||||
<view class="invite-calling-header-message">
|
||||
<label class="tips">
|
||||
{{remoteUserInfoList[0].displayUserInfo}}
|
||||
</label>
|
||||
<text class="tips-subtitle" wx:if="{{callRole !== 'caller'}}">邀请你视频通话</text>
|
||||
<text class="tips-subtitle" wx:else>等待对方接受</text>
|
||||
</view>
|
||||
<image class="avatar" src="{{remoteUserInfoList[0].avatar || IMG_DEFAULT_AVATAR}}" id="{{remoteUserInfoList[0].userId}}" binderror="handleErrorImage" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 语音通话呼叫状态按钮 -->
|
||||
<view wx:if="{{callStatus === 'calling' && callMediaType === 1}}" class="footer">
|
||||
<view wx:if="{{callRole !== 'caller'}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<view style="margin-top:10px">挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="call-operate" catch:tap="accept">
|
||||
<image src="{{IMG_ACCEPT}}" />
|
||||
</view>
|
||||
<view style="margin-top:10px">接听</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{callRole === 'caller'}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="hangup">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<view style="margin-top:10px">挂断</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 视频通话呼叫状态按钮 -->
|
||||
<view wx:if="{{callStatus === 'calling' && callMediaType === 2}}" class="invite-calling">
|
||||
<view class="footer">
|
||||
<view class="btn-operate" wx:if="{{callRole === 'caller'}}">
|
||||
<view class="btn-operate-item call-switch" catch:tap="switchCallMediaType">
|
||||
<view class="call-operate">
|
||||
<image src="{{IMG_TRANS}}" />
|
||||
</view>
|
||||
<text>切到语音通话</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-operate" wx:if="{{callRole === 'caller'}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="btn-container">
|
||||
<view class="call-operate" catch:tap="hangup">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<view class="invite-calling-header-left">
|
||||
<image src="{{IMG_SWITCH_CAMERA}}" data-device="{{pusher.frontCamera}}" catch:tap="switchCamera" />
|
||||
</view>
|
||||
</view>
|
||||
<text>挂断</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-operate" wx:if="{{callRole !== 'caller'}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="{{IMG_HANGUP}}" />
|
||||
</view>
|
||||
<text>挂断</text>
|
||||
</view>
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" catch:tap="accept">
|
||||
<image src="{{IMG_ACCEPT}}" />
|
||||
</view>
|
||||
<text>接听</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 语音通话接通状态按钮 -->
|
||||
<view wx:if="{{callStatus === 'connected' && callMediaType === 1}}" class="handle-btns">
|
||||
<view class="other-view black">
|
||||
<text>{{callDuration}}</text>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="microPhoneHandler">
|
||||
<image class="btn-image" src="{{localUserInfo.isAudioAvailable? IMG_AUDIO_TRUE: IMG_AUDIO_FALSE}} "></image>
|
||||
</view>
|
||||
<view>麦克风</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="{{IMG_HANGUP}}"></image>
|
||||
</view>
|
||||
<view>挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="toggleSoundMode">
|
||||
<image class="btn-image" src="{{isEarPhone ? IMG_SPEAKER_FALSE: IMG_SPEAKER_TRUE}} "></image>
|
||||
</view>
|
||||
<text>扬声器</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 视频通话接听状态按钮 -->
|
||||
<view wx:if="{{callStatus === 'connected' && callMediaType === 2}}" class="invite-calling">
|
||||
<view class="handle-btns">
|
||||
<view class="other-view white">
|
||||
<text>{{callDuration}}</text>
|
||||
</view>
|
||||
<view class="btn-operate-item call-switch" catch:tap="switchCallMediaType">
|
||||
<view class="call-operate">
|
||||
<image src="{{IMG_TRANS}}" />
|
||||
</view>
|
||||
<text>切到语音通话</text>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="button-container" bindtap="microPhoneHandler">
|
||||
<view class="btn-normal">
|
||||
<image class="btn-image" src="{{localUserInfo.isAudioAvailable? IMG_AUDIO_TRUE: IMG_AUDIO_FALSE}} "></image>
|
||||
</view>
|
||||
<view class="white">麦克风</view>
|
||||
</view>
|
||||
<view class="button-container" bindtap="toggleSoundMode">
|
||||
<view class="btn-normal">
|
||||
<image class="btn-image" src="{{isEarPhone ? IMG_SPEAKER_FALSE: IMG_SPEAKER_TRUE}} "></image>
|
||||
</view>
|
||||
<text class="white">扬声器</text>
|
||||
</view>
|
||||
<view class="button-container" bindtap="cameraHandler">
|
||||
<view class="btn-normal">
|
||||
<image class="btn-image" src="{{localUserInfo.isVideoAvailable ? IMG_CAMERA_TRUE: IMG_CAMERA_FALSE}} "></image>
|
||||
</view>
|
||||
<text class="white">摄像头</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="btn-list-item other-view">
|
||||
<view class="btn-container">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="{{IMG_HANGUP}}"></image>
|
||||
</view>
|
||||
<view wx:if="{{localUserInfo.isVideoAvailable}}" class="invite-calling-connected">
|
||||
<image src="{{IMG_SWITCH_CAMERA}}" data-device="{{pusher.frontCamera}}" catch:tap="switchCamera" />
|
||||
</view>
|
||||
</view>
|
||||
<text class="white">挂断</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Generated
Vendored
+508
@@ -0,0 +1,508 @@
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-operate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
font-size: 14px;
|
||||
color: #f0e9e9;
|
||||
padding: 5px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 5px;
|
||||
color: #f0e9e9;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.call-operate {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
border-radius: 8vh;
|
||||
margin: 0 15vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 0;
|
||||
margin: 0 auto;
|
||||
/* text-shadow: 0 1px 2px rgba(0,0,0,0.40); */
|
||||
font-weight: 600;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tips-subtitle {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 0;
|
||||
text-align: right;
|
||||
/* text-shadow: 0 1px 2px rgba(0,0,0,0.30); */
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.invite-call {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.transition-animation {
|
||||
transform: translateY(-100%);
|
||||
animation: slideInDown 0.5s ease forwards;
|
||||
}
|
||||
|
||||
@keyframes slideInDown {
|
||||
from {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.invite-call .local-video {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.invite-call .invite-calling {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 101;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.invite-calling-header {
|
||||
margin-top: 107px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
.invite-calling-header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.invite-calling-header-message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.invite-calling-header-right image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.invite-calling .footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
}
|
||||
.invite-calling .btn-operate {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.trtc-calling {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.audio-call {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
background: #ffffff;
|
||||
}
|
||||
.audio-call > .btn-operate {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.audio-call > image {
|
||||
width: 40vw;
|
||||
height: 40vw;
|
||||
display: block;
|
||||
margin: 20vw 30vw;
|
||||
margin-top: 40vw;
|
||||
}
|
||||
|
||||
.invite-calling-single > image {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border-radius: 12px;
|
||||
display: block;
|
||||
margin: 140px auto 15px;
|
||||
/* margin: 20vw 30vw; */
|
||||
}
|
||||
|
||||
.invite-calling-single .tips {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.invite-calling-single .tips-subtitle {
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #97989c;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.invite-calling-list {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.invite-calling-item {
|
||||
position: relative;
|
||||
margin: 0 12px;
|
||||
}
|
||||
.invite-calling-item image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.invite-calling-item-message {
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
.player {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 107px;
|
||||
width: 100px;
|
||||
height: 178px;
|
||||
padding: 16px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.pusher-video {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.stream-box {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 50vw;
|
||||
height: 260px;
|
||||
/* background-color: #f75c45; */
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.handle-btns {
|
||||
position: absolute;
|
||||
bottom: 44px;
|
||||
width: 100vw;
|
||||
z-index: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.handle-btns .btn-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background: white; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.btn-hangup {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
/*background: #f75c45;*/
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-hangup > .btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.btn-footer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn-footer .multi-camera {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.btn-footer .camera {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: fixed;
|
||||
left: 16px;
|
||||
top: 107px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.btn-footer .camera .camera-image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.TUICalling-connected-layout {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.audio {
|
||||
padding-top: 15vh;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.pusher-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.player-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.live {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.other-view {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.white {
|
||||
color: #f0e9e9;
|
||||
padding: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.black {
|
||||
color: #000000;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mutil-img {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img > image {
|
||||
width: 25vw;
|
||||
height: 25vw;
|
||||
margin: 0 4vw;
|
||||
border-radius: 4vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img text {
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-list-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.btn-image-small {
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-connected {
|
||||
position: absolute;
|
||||
right: -88px;
|
||||
}
|
||||
|
||||
.invite-calling-connected image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
padding: 8px 0;
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
Generated
Vendored
-148
@@ -1,148 +0,0 @@
|
||||
// components/tui-calling/TUICalling/component/calling.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
isSponsor: {
|
||||
type: Boolean,
|
||||
value: false,
|
||||
},
|
||||
pusher: {
|
||||
type: Object,
|
||||
},
|
||||
callType: {
|
||||
type: Number,
|
||||
},
|
||||
remoteUsers: {
|
||||
type: Array,
|
||||
},
|
||||
isGroup: {
|
||||
type: Boolean,
|
||||
},
|
||||
},
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
isClick: true,
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期方法
|
||||
*/
|
||||
lifetimes: {
|
||||
created() {
|
||||
|
||||
},
|
||||
attached() {
|
||||
},
|
||||
ready() {
|
||||
},
|
||||
detached() {
|
||||
},
|
||||
error() {
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
async handleCheckAuthor(e) {
|
||||
const type =this.data.callType;
|
||||
wx.getSetting({
|
||||
success: async (res) => {
|
||||
const isRecord = res.authSetting['scope.record'];
|
||||
const isCamera = res.authSetting['scope.camera'];
|
||||
if (!isRecord && type === 1) {
|
||||
const title = '麦克风权限授权';
|
||||
const content = '使用语音通话，需要在设置中对麦克风进行授权允许';
|
||||
try {
|
||||
await wx.authorize({ scope: 'scope.record' });
|
||||
this.accept(e);
|
||||
} catch (e) {
|
||||
this.handleShowModal(title, content);
|
||||
}
|
||||
return;
|
||||
}
|
||||
if ((!isRecord || !isCamera) && type === 2) {
|
||||
const title = '麦克风、摄像头权限授权';
|
||||
const content = '使用视频通话，需要在设置中对麦克风、摄像头进行授权允许';
|
||||
try {
|
||||
await wx.authorize({ scope: 'scope.record' });
|
||||
await wx.authorize({ scope: 'scope.camera' });
|
||||
this.accept(e);
|
||||
} catch (e) {
|
||||
this.handleShowModal(title, content);
|
||||
}
|
||||
return;
|
||||
}
|
||||
this.accept(e);
|
||||
},
|
||||
});
|
||||
},
|
||||
handleShowModal(title, content) {
|
||||
wx.showModal({
|
||||
title,
|
||||
content,
|
||||
confirmText: '去设置',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
wx.openSetting();
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
accept(event) {
|
||||
this.setData({
|
||||
isClick: false,
|
||||
});
|
||||
const data = {
|
||||
name: 'accept',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
hangup(event) {
|
||||
const data = {
|
||||
name: 'hangup',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
reject(event) {
|
||||
const data = {
|
||||
name: 'reject',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
handleErrorImage(e) {
|
||||
const { id } = e.target;
|
||||
const remoteUsers = this.data.remoteUsers.map((item) => {
|
||||
if (item.userID === id) {
|
||||
item.avatar = '../../static/default_avatar.png';
|
||||
}
|
||||
return item;
|
||||
});
|
||||
this.setData({
|
||||
remoteUsers,
|
||||
});
|
||||
},
|
||||
toggleSwitchCamera(event) {
|
||||
const data = {
|
||||
name: 'toggleSwitchCamera',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
switchAudioCall(event) {
|
||||
const data = {
|
||||
name: 'switchAudioCall',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
},
|
||||
});
|
||||
Generated
Vendored
-4
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Generated
Vendored
-105
@@ -1,105 +0,0 @@
|
||||
<view class="invite-call" wx:if="{{callType === 2}}">
|
||||
<live-pusher class="local-video" wx:if="{{remoteUsers.length === 1}}" device-position="{{pusher.frontCamera}}" />
|
||||
<view class="invite-calling">
|
||||
<view class="invite-calling-header" wx:if="{{remoteUsers.length === 1}}">
|
||||
<!-- <view class="invite-calling-header-left">
|
||||
<image src="../../static/swtich-camera.png" data-device="{{pusher.frontCamera}}"
|
||||
catch:tap="toggleSwitchCamera" />
|
||||
</view> -->
|
||||
<view class="invite-calling-header-right">
|
||||
<view class="invite-calling-header-message">
|
||||
<label class="tips">{{remoteUsers[0].nick || remoteUsers[0].userID}}</label>
|
||||
<text class="tips-subtitle" wx:if="{{!isSponsor}}">邀请你视频通话</text>
|
||||
<text class="tips-subtitle" wx:else>等待对方接受</text>
|
||||
</view>
|
||||
<image class="avatar" src="{{remoteUsers[0].avatar || '../../static/default_avatar.png'}}"
|
||||
id="{{remoteUsers[0].userID}}" binderror="handleErrorImage" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="invite-calling-header invite-calling-list" wx:else>
|
||||
<view class="invite-calling-item" wx:for="{{remoteUsers}}" wx:key="userID">
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" id="{{item.userID}}"
|
||||
binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-message">
|
||||
<label class="tips">{{item.nick || item.userID}}</label>
|
||||
<text class="tips-subtitle" wx:if="{{!isSponsor}}">邀请你视频通话</text>
|
||||
<text class="tips-subtitle" wx:else>等待对方接受</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<view class="btn-operate" wx:if="{{isSponsor}}">
|
||||
<view class="btn-operate-item call-switch" catch:tap="switchAudioCall">
|
||||
<view class="call-operate">
|
||||
<image src="../../static/trans.png" />
|
||||
</view>
|
||||
<text>切到语音通话</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-operate" wx:if="{{isSponsor}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="btn-container">
|
||||
<view class="call-operate" catch:tap="hangup">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<view class="invite-calling-header-left">
|
||||
<image src="../../static/switch_camera.png" data-device="{{pusher.frontCamera}}"
|
||||
catch:tap="toggleSwitchCamera" />
|
||||
</view>
|
||||
</view>
|
||||
<text>挂断</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="btn-operate" wx:if="{{!isSponsor}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<text>挂断</text>
|
||||
</view>
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" catchtap="{{isClick ? 'handleCheckAuthor' :''}}">
|
||||
<image src="../../static/dialing.png" />
|
||||
</view>
|
||||
<text>接听</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="incoming-call audio-call" wx:if="{{callType === 1}}">
|
||||
<view class="invite-calling-single">
|
||||
<image class="avatar" src="{{remoteUsers[0].avatar || '../../static/default_avatar.png'}}"
|
||||
id="{{remoteUsers[0].userID}}" binderror="handleErrorImage" />
|
||||
<view class="tips">{{remoteUsers[0].nick || remoteUsers[0].userID}}</view>
|
||||
<view wx:if="{{isSponsor && callType === 1}}" class="tips-subtitle">{{'等待对方接受'}}</view>
|
||||
</view>
|
||||
|
||||
<view class="footer">
|
||||
<view wx:if="{{!isSponsor && callType === 1}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<view style="margin-top:10px">挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="call-operate" catchtap="{{isClick ? 'handleCheckAuthor' :''}}">
|
||||
<image src="../../static/dialing.png"/>
|
||||
</view>
|
||||
<view style="margin-top:10px">接听</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{isSponsor && callType === 1}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="hangup">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<view style="margin-top:10px">挂断</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Generated
Vendored
-242
@@ -1,242 +0,0 @@
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-operate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/* flex-direction: column;
|
||||
text-align: center; */
|
||||
|
||||
}
|
||||
.btn-operate-item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.btn-operate-item text {
|
||||
font-size: 14px;
|
||||
color: #f0e9e9;
|
||||
padding: 5px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.call-switch text{
|
||||
padding: 5px;
|
||||
color: #f0e9e9;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.call-operate {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
border-radius: 8vh;
|
||||
margin: 0 15vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 20px;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
margin: 0 auto;
|
||||
/* text-shadow: 0 1px 2px rgba(0,0,0,0.40); */
|
||||
font-weight: 600;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.tips-subtitle {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
text-align: right;
|
||||
/* text-shadow: 0 1px 2px rgba(0,0,0,0.30); */
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.invite-call {
|
||||
/* background: #ffffff; */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.invite-call .local-video {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.invite-call .invite-calling {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 101;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.invite-calling-header {
|
||||
margin-top:107px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 16px;
|
||||
|
||||
}
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
.invite-calling-header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.invite-calling-header-message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.invite-calling-header-right image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.invite-calling .footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
}
|
||||
.invite-calling .btn-operate{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.trtc-calling {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.audio-call {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
.audio-call > .btn-operate{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.audio-call > image {
|
||||
width: 40vw;
|
||||
height: 40vw;
|
||||
display: block;
|
||||
margin: 20vw 30vw;
|
||||
margin-top: 40vw;
|
||||
}
|
||||
|
||||
.invite-calling-single > image {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border-radius: 12px;
|
||||
display: block;
|
||||
margin: 140px auto 15px;
|
||||
/* margin: 20vw 30vw; */
|
||||
}
|
||||
|
||||
.invite-calling-single .tips {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.invite-calling-single .tips-subtitle {
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #97989C;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.invite-calling-list {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.invite-calling-item {
|
||||
position: relative;
|
||||
margin: 0 12px;
|
||||
}
|
||||
.invite-calling-item image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.invite-calling-item-message {
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: #dddddd;
|
||||
}
|
||||
Generated
Vendored
-147
@@ -1,147 +0,0 @@
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
playerList: {
|
||||
type: Array,
|
||||
},
|
||||
pusher: {
|
||||
type: Object,
|
||||
},
|
||||
callType: {
|
||||
type: Number,
|
||||
},
|
||||
soundMode: {
|
||||
type: String,
|
||||
},
|
||||
screen: {
|
||||
type: String,
|
||||
},
|
||||
userList: {
|
||||
type: Object,
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
toggleViewSize(event) {
|
||||
const data = {
|
||||
name: 'toggleViewSize',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherNetStatus(event) {
|
||||
const data = {
|
||||
name: 'pusherNetStatus',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
playNetStatus(event) {
|
||||
const data = {
|
||||
name: 'playNetStatus',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherStateChangeHandler(event) {
|
||||
const data = {
|
||||
name: 'pusherStateChangeHandler',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherAudioVolumeNotify(event) {
|
||||
const data = {
|
||||
name: 'pusherAudioVolumeNotify',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
playerStateChange(event) {
|
||||
const data = {
|
||||
name: 'playerStateChange',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
playerAudioVolumeNotify(event) {
|
||||
const data = {
|
||||
name: 'playerAudioVolumeNotify',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherAudioHandler(event) {
|
||||
const data = {
|
||||
name: 'pusherAudioHandler',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
hangup(event) {
|
||||
const data = {
|
||||
name: 'hangup',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
toggleSoundMode(event) {
|
||||
const data = {
|
||||
name: 'toggleSoundMode',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherVideoHandler(event) {
|
||||
const data = {
|
||||
name: 'pusherVideoHandler',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
toggleSwitchCamera(event) {
|
||||
const data = {
|
||||
name: 'toggleSwitchCamera',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
switchAudioCall(event) {
|
||||
const data = {
|
||||
name: 'switchAudioCall',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
handleConnectErrorImage(e) {
|
||||
const { flag, key, index } = e.target.dataset;
|
||||
if (flag === 'pusher') {
|
||||
this.data.pusher.avatar = '../../static/default_avatar.png';
|
||||
this.setData({
|
||||
pusher: this.data.pusher,
|
||||
});
|
||||
} else {
|
||||
this.data[key][index].avatar = '../../static/default_avatar.png';
|
||||
if (this.data.playerList[index]) {
|
||||
this.data.playerList[index].avatar = '../../static/default_avatar.png';
|
||||
}
|
||||
this.setData({
|
||||
playerList: this.data.playerList,
|
||||
[key]: this.data[key],
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
Generated
Vendored
-4
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Generated
Vendored
-118
@@ -1,118 +0,0 @@
|
||||
<view class="TUICalling-connected-layout {{callType === 1 ? 'audio' : 'video'}}">
|
||||
<view
|
||||
class="{{callType === 1 ? 'pusher-audio' : playerList.length > 1 ? 'stream-box' : (screen === 'pusher' ? 'pusher-video' : 'player')}}"
|
||||
data-screen="pusher" catch:tap="toggleViewSize">
|
||||
<live-pusher class="{{callType === 1 ? 'pusher-audio' : 'live'}}" url="{{pusher.url}}" mode="{{pusher.mode}}"
|
||||
autopush="{{true}}" enable-camera="{{pusher.enableCamera}}" enable-mic="{{true}}"
|
||||
muted="{{!pusher.enableMic}}" enable-agc="{{true}}" enable-ans="{{true}}"
|
||||
enable-ear-monitor="{{pusher.enableEarMonitor}}" auto-focus="{{pusher.enableAutoFocus}}"
|
||||
zoom="{{pusher.enableZoom}}" min-bitrate="{{pusher.minBitrate}}" max-bitrate="{{pusher.maxBitrate}}"
|
||||
video-width="{{pusher.videoWidth}}" video-height="{{pusher.videoHeight}}" beauty="{{pusher.beautyLevel}}"
|
||||
whiteness="{{pusher.whitenessLevel}}" orientation="{{pusher.videoOrientation}}"
|
||||
aspect="{{pusher.videoAspect}}" device-position="{{pusher.frontCamera}}"
|
||||
remote-mirror="{{pusher.enableRemoteMirror}}" local-mirror="{{pusher.localMirror}}"
|
||||
background-mute="{{pusher.enableBackgroundMute}}" audio-quality="{{pusher.audioQuality}}"
|
||||
audio-volume-type="{{pusher.audioVolumeType}}" audio-reverb-type="{{pusher.audioReverbType}}"
|
||||
waiting-image="{{pusher.waitingImage}}" beauty-style="{{pusher.beautyStyle}}" filter="{{pusher.filter}}"
|
||||
bindstatechange="pusherStateChangeHandler" bindnetstatus="pusherNetStatus" binderror="pusherErrorHandler"
|
||||
bindaudiovolumenotify="pusherAudioVolumeNotify" />
|
||||
</view>
|
||||
<view wx:if="{{callType === 1}}" class="TRTCCalling-call-audio-box {{playerList.length > 1 && 'mutil-img'}}">
|
||||
<view class="TRTCCalling-call-audio-img" wx:if="{{playerList.length > 1}}">
|
||||
<image src="{{pusher.avatar || '../../static/default_avatar.png'}}" class="img-place-holder avatar"
|
||||
data-value="{{pusher.userID}}" data-flag="pusher" binderror="handleConnectErrorImage" />
|
||||
<text class="audio-name">{{pusher.nick || pusher.userID}}(自己)</text>
|
||||
</view>
|
||||
<view class="TRTCCalling-call-audio-img" wx:for="{{userList || playerList}}" wx:key="userID">
|
||||
<image src="{{item.avatar || '../../static/default_avatar.png'}}" class="img-place-holder avatar"
|
||||
data-value="{{item}}" data-flag="player" data-key="userList" data-index="{{index}}" binderror="handleConnectErrorImage" />
|
||||
<text class="audio-name">{{item.nick || item.userID}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:for="{{playerList}}" wx:key="streamID"
|
||||
class="view-container player-container {{callType === 1 ? 'player-audio' : ''}}">
|
||||
<view
|
||||
class="{{callType === 1 ? 'player-audio' : playerList.length > 1 ? 'stream-box' : (screen === 'player' ? 'pusher-video' : 'player')}}"
|
||||
data-screen="player" catch:tap="toggleViewSize">
|
||||
<live-player class="live" wx:if="{{ item.hasAudio || item.hasVideo }}" id="{{item.id}}" data-userid="{{item.userID}}" data-streamid="{{item.streamID}}"
|
||||
data-streamtype="{{item.streamType}}" src="{{item.src}}" mode="RTC" autoplay="{{item.autoplay}}"
|
||||
mute-audio="{{item.muteAudio}}" mute-video="{{item.muteVideo}}" orientation="{{item.orientation}}"
|
||||
object-fit="{{item.objectFit}}" background-mute="{{item.enableBackgroundMute}}"
|
||||
min-cache="{{item.minCache}}" max-cache="{{item.maxCache}}" sound-mode="{{soundMode}}"
|
||||
enable-recv-message="{{item.enableRecvMessage}}" auto-pause-if-navigate="{{item.autoPauseIfNavigate}}"
|
||||
auto-pause-if-open-native="{{item.autoPauseIfOpenNative}}" bindstatechange="playerStateChange"
|
||||
bindfullscreenchange="playerFullscreenChange" bindnetstatus="playNetStatus"
|
||||
bindaudiovolumenotify="playerAudioVolumeNotify" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="handle-btns">
|
||||
<view class="other-view {{callType === 1 ? 'black' : 'white'}}">
|
||||
<text>{{pusher.chatTime}}</text>
|
||||
</view>
|
||||
<view class="btn-operate-item call-switch" catch:tap="switchAudioCall">
|
||||
<view class="call-operate">
|
||||
<image src="../../static/trans.png" />
|
||||
</view>
|
||||
<text>切到语音通话</text>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="pusherAudioHandler">
|
||||
<image class="btn-image"
|
||||
src="{{pusher.enableMic? '../../static/audio-true.png': '../../static/audio-false.png'}} ">
|
||||
</image>
|
||||
</view>
|
||||
<view class="{{callType === 2 ? 'white' : ''}}">麦克风</view>
|
||||
</view>
|
||||
<view class="button-container" wx:if="{{callType === 1}}">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="../../static/hangup.png"></image>
|
||||
</view>
|
||||
|
||||
<view class="{{callType === 2 ? 'white' : ''}}">挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="toggleSoundMode">
|
||||
<image class="btn-image"
|
||||
src="{{soundMode === 'ear' ? '../../static/speaker-false.png': '../../static/speaker-true.png'}} ">
|
||||
</image>
|
||||
</view>
|
||||
<text class="{{callType === 2 ? 'white' : ''}}">扬声器</text>
|
||||
</view>
|
||||
|
||||
<view class="button-container" wx:if="{{callType === 2}}">
|
||||
<view class="btn-normal" bindtap="pusherVideoHandler">
|
||||
<image class="btn-image"
|
||||
src="{{pusher.enableCamera ? '../../static/camera-true.png': '../../static/camera-false.png'}} ">
|
||||
</image>
|
||||
</view>
|
||||
<text class="white">摄像头</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-list" wx:if="{{callType===2}}">
|
||||
<!-- <view class="btn-list-item">
|
||||
<view wx:if="{{playerList.length === 1}}" class="btn-normal" bindtap="switchAudioCall">
|
||||
<image class="btn-image btn-image-small" src="{{ '../../static/trans.png'}} "></image>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="btn-list-item other-view">
|
||||
<view class="btn-container">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="../../static/hangup.png"></image>
|
||||
</view>
|
||||
<view wx:if="{{pusher.enableCamera}}" class="invite-calling-header-left">
|
||||
<image src="../../static/switch_camera.png" data-device="{{pusher.frontCamera}}"
|
||||
catch:tap="toggleSwitchCamera" />
|
||||
</view>
|
||||
</view>
|
||||
<text class="white">挂断</text>
|
||||
</view>
|
||||
<!-- <view class="btn-list-item btn-footer">
|
||||
<view wx:if="{{pusher.enableCamera}}" class="{{playerList.length > 1 ? 'multi-camera' : 'camera'}}">
|
||||
<image class="camera-image" src="../../static/swtich-camera.png"
|
||||
data-device="{{pusher.frontCamera}}" catch:tap="toggleSwitchCamera" />
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Generated
Vendored
-253
@@ -1,253 +0,0 @@
|
||||
.player {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 107px;
|
||||
width: 100px;
|
||||
height: 178px;
|
||||
padding: 16px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.pusher-video {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* background-color: #f75c45; */
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.stream-box {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 50vw;
|
||||
height: 260px;
|
||||
/* background-color: #f75c45; */
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.handle-btns {
|
||||
position: absolute;
|
||||
bottom: 44px;
|
||||
width: 100vw;
|
||||
z-index: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.handle-btns .btn-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background: white; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.btn-hangup {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
/*background: #f75c45;*/
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-hangup > .btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.btn-footer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn-footer .multi-camera {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.btn-footer .camera {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: fixed;
|
||||
left: 16px;
|
||||
top: 107px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.btn-footer .camera .camera-image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.TUICalling-connected-layout {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.audio {
|
||||
padding-top: 15vh;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.pusher-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.player-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.live {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.other-view {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.white {
|
||||
color: #f0e9e9;
|
||||
padding: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.black {
|
||||
color: #000000;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.mutil-img {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img > image {
|
||||
width: 25vw;
|
||||
height: 25vw;
|
||||
margin: 0 4vw;
|
||||
border-radius: 4vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img text {
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-list-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.btn-image-small {
|
||||
transform: scale(.7);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: -88px;
|
||||
}
|
||||
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
padding: 8px 0;
|
||||
font-size: 18px;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
Generated
Vendored
-153
@@ -1,153 +0,0 @@
|
||||
// components/tui-calling/TUICalling/component/calling.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
isSponsor: {
|
||||
type: Boolean,
|
||||
},
|
||||
pusher: {
|
||||
type: Object,
|
||||
},
|
||||
callType: {
|
||||
type: Number,
|
||||
},
|
||||
allUsers: {
|
||||
type: Array,
|
||||
},
|
||||
isGroup: {
|
||||
type: Boolean,
|
||||
},
|
||||
ownUserId: {
|
||||
type: String,
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
userID: null,
|
||||
isClick: true,
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期方法
|
||||
*/
|
||||
lifetimes: {
|
||||
created() {
|
||||
},
|
||||
attached() {
|
||||
},
|
||||
ready() {
|
||||
|
||||
},
|
||||
detached() {
|
||||
|
||||
},
|
||||
error() {
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
async handleCheckAuthor(e) {
|
||||
const type =this.data.callType;
|
||||
wx.getSetting({
|
||||
success: async (res) => {
|
||||
const isRecord = res.authSetting['scope.record'];
|
||||
const isCamera = res.authSetting['scope.camera'];
|
||||
if (!isRecord && type === 1) {
|
||||
const title = '麦克风权限授权';
|
||||
const content = '使用语音通话，需要在设置中对麦克风进行授权允许';
|
||||
try {
|
||||
await wx.authorize({ scope: 'scope.record' });
|
||||
this.accept(e);
|
||||
} catch (e) {
|
||||
this.handleShowModal(title, content);
|
||||
}
|
||||
return;
|
||||
}
|
||||
if ((!isRecord || !isCamera) && type === 2) {
|
||||
const title = '麦克风、摄像头权限授权';
|
||||
const content = '使用视频通话，需要在设置中对麦克风、摄像头进行授权允许';
|
||||
try {
|
||||
await wx.authorize({ scope: 'scope.record' });
|
||||
await wx.authorize({ scope: 'scope.camera' });
|
||||
this.accept(e);
|
||||
} catch (e) {
|
||||
this.handleShowModal(title, content);
|
||||
}
|
||||
return;
|
||||
}
|
||||
this.accept(e);
|
||||
},
|
||||
});
|
||||
},
|
||||
handleShowModal(title, content) {
|
||||
wx.showModal({
|
||||
title,
|
||||
content,
|
||||
confirmText: '去设置',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
wx.openSetting();
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
accept(event) {
|
||||
this.setData({
|
||||
isClick: false,
|
||||
});
|
||||
const data = {
|
||||
name: 'accept',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
hangup(event) {
|
||||
const data = {
|
||||
name: 'hangup',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
reject(event) {
|
||||
const data = {
|
||||
name: 'reject',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
handleErrorImage(e) {
|
||||
const { id } = e.target;
|
||||
const allUsers = this.data.allUsers.map((item) => {
|
||||
if (item.userID === id) {
|
||||
item.avatar = '../../static/default_avatar.png';
|
||||
}
|
||||
return item;
|
||||
});
|
||||
this.setData({
|
||||
allUsers,
|
||||
});
|
||||
},
|
||||
toggleSwitchCamera(event) {
|
||||
const data = {
|
||||
name: 'toggleSwitchCamera',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
switchAudioCall(event) {
|
||||
const data = {
|
||||
name: 'switchAudioCall',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('callingEvent', data);
|
||||
},
|
||||
},
|
||||
});
|
||||
Generated
Vendored
-4
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
Generated
Vendored
-137
@@ -1,137 +0,0 @@
|
||||
<view class="trtc-calling-index">
|
||||
<!-- 视频通话 -->
|
||||
<view class="invite-call" wx:if="{{callType === 2}}">
|
||||
<live-pusher class="local-video" wx:if="{{isGroup===false}}" device-position="{{pusher.frontCamera}}" />
|
||||
<view class="invite-calling">
|
||||
<!-- 主叫方 -->
|
||||
<swiper class="swiper" wx:if="{{isSponsor}}" indicator-dots="{{allUsers.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(allUsers.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{allUsers}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userID}}" class="invite-calling-item-message" wx:if="{{item.userID !== ownUserId}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="../../static/loading.png"></image>
|
||||
</view>
|
||||
<view class="invite-calling-item-id">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
<!-- 被叫方 -->
|
||||
<view wx:else>
|
||||
<view class="invite-calling-single">
|
||||
<image class="avatar" src="{{allUsers[0].avatar || '../../static/default_avatar.png'}}" id="{{allUsers[0].userID}}" binderror="handleErrorImage" />
|
||||
<view class="tips">{{allUsers[0].nick || allUsers[0].userID }}</view>
|
||||
<view class="invite-txt">邀请你参加多人通话</view>
|
||||
</view>
|
||||
<view class="invite-other-txt">参与通话的还有：</view>
|
||||
<view class="invite-other-list">
|
||||
<view class="invite-other-item" wx:if="{{index>0}}" wx:for="{{allUsers}}" wx:key="item">
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" binderror="handleErrorImage" />
|
||||
<view class="invite-other-item-name">{{ item.nick || item.userID}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<!-- <view class="btn-operate" wx:if="{{isSponsor}}">
|
||||
<view class="btn-operate-item call-switch" catch:tap="switchAudioCall">
|
||||
<view class="call-operate">
|
||||
<image src="../../static/trans.png" />
|
||||
</view>
|
||||
<text>切到语音通话</text>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="btn-operate" wx:if="{{isSponsor}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="btn-container">
|
||||
<view class="call-operate" catch:tap="hangup">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<!-- <view class="invite-calling-header-left">
|
||||
<image src="../../static/switch_camera.png" data-device="{{pusher.frontCamera}}" catch:tap="toggleSwitchCamera" />
|
||||
</view> -->
|
||||
</view>
|
||||
<text style="color: #666666">挂断</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-operate" wx:if="{{!isSponsor}}">
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<text style="color: #666666">挂断</text>
|
||||
</view>
|
||||
<view class="btn-operate-item">
|
||||
<view class="call-operate" catchtap="{{isClick ? 'handleCheckAuthor' :''}}">
|
||||
<image src="../../static/dialing.png" />
|
||||
</view>
|
||||
<text style="color: #666666">接听</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 语音通话 -->
|
||||
<view class="incoming-call audio-call" wx:if="{{callType === 1}}">
|
||||
<!-- 主叫方 -->
|
||||
<swiper class="swiper" wx:if="{{isSponsor}}" indicator-dots="{{allUsers.length/4 > 1}}" indicator-color="white" indicator-active-color="black">
|
||||
<block wx:for="{{(allUsers.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{allUsers}}" wx:key="userID" class="invite-calling-item" wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userID}}" class="invite-calling-item-message" wx:if="{{item.userID !== ownUserId}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="../../static/loading.png"></image>
|
||||
</view>
|
||||
<view class="invite-calling-item-id">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
<!-- 被叫方 -->
|
||||
<view wx:else>
|
||||
<view class="invite-calling-single">
|
||||
<image class="avatar" src="{{allUsers[0].avatar || '../../static/default_avatar.png'}}" id="{{allUsers[0].userID}}" binderror="handleErrorImage" />
|
||||
<view class="tips">{{allUsers[0].nick || allUsers[0].userID }}</view>
|
||||
<view class="invite-txt">邀请你参加多人通话</view>
|
||||
</view>
|
||||
<view class="invite-other-txt">参与通话的还有：</view>
|
||||
<view class="invite-other-list">
|
||||
<view class="invite-other-item" wx:if="{{index>0}}" wx:for="{{allUsers}}" wx:key="item">
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" binderror="handleErrorImage" />
|
||||
<view class="invite-other-item-name">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 菜单 -->
|
||||
<view class="footer">
|
||||
<view wx:if="{{!isSponsor && callType === 1}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="reject">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<view style="margin-top:10px;color: #666666">挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="call-operate" catchtap="{{isClick ? 'handleCheckAuthor' :''}}">
|
||||
<image src="../../static/dialing.png" />
|
||||
</view>
|
||||
<view style="margin-top:10px;color: #666666">接听</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{isSponsor && callType === 1}}" class="btn-operate">
|
||||
<view class="button-container">
|
||||
<view class="call-operate" style="background-color: red" catch:tap="hangup">
|
||||
<image src="../../static/hangup.png" />
|
||||
</view>
|
||||
<view style="margin-top:10px;color: #666666">挂断</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Generated
Vendored
-366
@@ -1,366 +0,0 @@
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-operate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/* flex-direction: column;
|
||||
text-align: center; */
|
||||
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
font-size: 14px;
|
||||
color: #f0e9e9;
|
||||
padding: 5px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 5px;
|
||||
color: #f0e9e9;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.call-operate {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
border-radius: 8vh;
|
||||
margin: 0 15vw;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 20px;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
margin: 0 auto;
|
||||
/* text-shadow: 0 1px 2px rgba(0,0,0,0.40); */
|
||||
font-weight: 600;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.tips-subtitle {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #FFFFFF;
|
||||
letter-spacing: 0;
|
||||
text-align: right;
|
||||
/* text-shadow: 0 1px 2px rgba(0,0,0,0.30); */
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.invite-call {
|
||||
/* background: #ffffff; */
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
width: 100px;
|
||||
height: 187px;
|
||||
}
|
||||
|
||||
.invite-call .local-video {
|
||||
width: 100px;
|
||||
height: 187px;
|
||||
}
|
||||
|
||||
.invite-call .invite-calling {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 101;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.invite-calling-header {
|
||||
margin-top: 107px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.invite-calling-header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.invite-calling-header-message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.invite-calling-header-right image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.invite-calling .footer {
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.invite-calling .btn-operate {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.trtc-calling {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.audio-call {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.audio-call>.btn-operate {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.audio-call>image {
|
||||
width: 40vw;
|
||||
height: 40vw;
|
||||
display: block;
|
||||
margin: 20vw 30vw;
|
||||
margin-top: 40vw;
|
||||
}
|
||||
|
||||
.invite-calling-single>image {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border-radius: 12px;
|
||||
display: block;
|
||||
margin: 120px auto 15px;
|
||||
/* margin: 20vw 30vw; */
|
||||
}
|
||||
|
||||
.invite-calling-single .tips {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.invite-calling-single .tips-subtitle {
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-size: 14px;
|
||||
color: #97989C;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
margin-top: 107px;
|
||||
min-height: 374px;
|
||||
}
|
||||
|
||||
.invite-calling-list {
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: flex-start
|
||||
}
|
||||
|
||||
.invite-calling-item {
|
||||
flex: 0.5;
|
||||
/*设置最小宽度，才会让元素排不下，导致换行排列*/
|
||||
min-width: 50%;
|
||||
height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-item image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.invite-calling-item-message {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: rgba(0, 0, 0, 0.60);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg {
|
||||
position: absolute;
|
||||
left: calc(50% - 20px);
|
||||
top: calc(50% - 20px);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
-webkit-transform: rotate(360deg);
|
||||
animation: rotation 2s linear infinite;
|
||||
-moz-animation: rotation 2s linear infinite;
|
||||
-webkit-animation: rotation 2s linear infinite;
|
||||
-o-animation: rotation 2s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.invite-calling-item-id {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
bottom: 2%;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
|
||||
/* 被叫者 */
|
||||
.invite-txt {
|
||||
width: 126px;
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
margin: 16px auto 60px auto;
|
||||
}
|
||||
|
||||
.invite-other-txt {
|
||||
width: 112px;
|
||||
height: 20px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
margin: 0 auto 24px auto;
|
||||
}
|
||||
|
||||
.invite-other-list {
|
||||
position: absolute;
|
||||
left: 14vw;
|
||||
margin-top: 0 auto;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 272px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.invite-other-item {
|
||||
flex: 0.25;
|
||||
/*设置最小宽度，才会让元素排不下，导致换行排列*/
|
||||
text-align: center;
|
||||
max-width: 64px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.invite-other-item image {
|
||||
border-radius: 10%;
|
||||
max-width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.invite-other-item-name {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
line-height: 18px;
|
||||
}
|
||||
Generated
Vendored
-173
@@ -1,173 +0,0 @@
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
playerList: {
|
||||
type: Array,
|
||||
},
|
||||
pusher: {
|
||||
type: Object,
|
||||
},
|
||||
callType: {
|
||||
type: Number,
|
||||
},
|
||||
soundMode: {
|
||||
type: String,
|
||||
},
|
||||
screen: {
|
||||
type: String,
|
||||
},
|
||||
userList: {
|
||||
type: Object,
|
||||
},
|
||||
isGroup: {
|
||||
type: Boolean,
|
||||
},
|
||||
allUsers: {
|
||||
type: Array,
|
||||
},
|
||||
playerProcess: {
|
||||
type: Object,
|
||||
},
|
||||
ownUserId: {
|
||||
type: String,
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
userID: null,
|
||||
},
|
||||
/**
|
||||
* 生命周期方法
|
||||
*/
|
||||
lifetimes: {
|
||||
created() {
|
||||
},
|
||||
attached() {
|
||||
},
|
||||
ready() {
|
||||
},
|
||||
detached() {
|
||||
},
|
||||
error() {
|
||||
},
|
||||
},
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
toggleViewSize(event) {
|
||||
const data = {
|
||||
name: 'toggleViewSize',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherNetStatus(event) {
|
||||
const data = {
|
||||
name: 'pusherNetStatus',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
playNetStatus(event) {
|
||||
const data = {
|
||||
name: 'playNetStatus',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherStateChangeHandler(event) {
|
||||
const data = {
|
||||
name: 'pusherStateChangeHandler',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherAudioVolumeNotify(event) {
|
||||
const data = {
|
||||
name: 'pusherAudioVolumeNotify',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
playerStateChange(event) {
|
||||
const data = {
|
||||
name: 'playerStateChange',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
playerAudioVolumeNotify(event) {
|
||||
const data = {
|
||||
name: 'playerAudioVolumeNotify',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherAudioHandler(event) {
|
||||
const data = {
|
||||
name: 'pusherAudioHandler',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
hangup(event) {
|
||||
const data = {
|
||||
name: 'hangup',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
toggleSoundMode(event) {
|
||||
const data = {
|
||||
name: 'toggleSoundMode',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
pusherVideoHandler(event) {
|
||||
const data = {
|
||||
name: 'pusherVideoHandler',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
toggleSwitchCamera(event) {
|
||||
const data = {
|
||||
name: 'toggleSwitchCamera',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
switchAudioCall(event) {
|
||||
const data = {
|
||||
name: 'switchAudioCall',
|
||||
event,
|
||||
};
|
||||
this.triggerEvent('connectedEvent', data);
|
||||
},
|
||||
handleConnectErrorImage(e) {
|
||||
const { flag, key, index } = e.target.dataset;
|
||||
if (flag === 'pusher') {
|
||||
this.data.pusher.avatar = '../../static/default_avatar.png';
|
||||
this.setData({
|
||||
pusher: this.data.pusher,
|
||||
});
|
||||
} else {
|
||||
this.data[key][index].avatar = '../../static/default_avatar.png';
|
||||
if (this.data.playerList[index]) {
|
||||
this.data.playerList[index].avatar = '../../static/default_avatar.png';
|
||||
}
|
||||
this.setData({
|
||||
playerList: this.data.playerList,
|
||||
[key]: this.data[key],
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
node_modules/@tencentcloud/call-uikit-wechat/TUICallKit/component/groupConnected/groupConnected.json
Generated
Vendored
-7
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {},
|
||||
"window": {
|
||||
"backgroundColor": "#2c292923;"
|
||||
}
|
||||
}
|
||||
node_modules/@tencentcloud/call-uikit-wechat/TUICallKit/component/groupConnected/groupConnected.wxml
Generated
Vendored
-162
@@ -1,162 +0,0 @@
|
||||
<view class="{{callType === 2?'TUICalling-connected-video':'TUICalling-connected-layout'}}">
|
||||
<!-- 语音通话 -->
|
||||
<view wx:if="{{callType === 1}}">
|
||||
<swiper class="swiper" indicator-dots="{{allUsers.length/4 > 1}}" indicator-color="white"
|
||||
indicator-active-color="black">
|
||||
<block wx:for="{{(allUsers.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{allUsers}}" wx:key="userID" class="invite-calling-item"
|
||||
wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userID}}" class="invite-calling-item-message" wx:if="{{!item.isEnter}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="../../static/loading.png"></image>
|
||||
</view>
|
||||
<view class="invite-calling-item-id">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}"
|
||||
binderror="handleErrorImage"/>
|
||||
<!-- 音量图标 -->
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || '../../static/default_avatar.png'}}"></image>
|
||||
<view class="name">{{item.userID===ownUserId?'我':item.nick || item.userID}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<view class="{{callType === 1 ? 'pusher-audio' : ''}}">
|
||||
<swiper class="swiper" indicator-dots="{{allUsers.length/4 > 1}}" indicator-color="white"
|
||||
indicator-active-color="black">
|
||||
<block wx:for="{{(allUsers.length)/4}}" wx:key="*this" wx:for-index="pos">
|
||||
<swiper-item class="invite-calling-list">
|
||||
<view wx:for="{{allUsers}}" wx:key="userID" class="invite-calling-item"
|
||||
wx:if="{{index >= pos*4 && index < pos*4+4}}">
|
||||
<view id="{{item.userID}}" class="invite-calling-item-message" wx:if="{{!item.isEnter}}">
|
||||
<view class="invite-calling-item-loadimg">
|
||||
<image src="../../static/loading.png"></image>
|
||||
</view>
|
||||
<image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" binderror="handleErrorImage" />
|
||||
<view class="invite-calling-item-id">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<!-- 本地流 -->
|
||||
<view wx:if="{{item.userID===ownUserId}}"
|
||||
class="{{callType === 1 ? 'pusher-audio' : 'play-item'}}" data-screen="pusher"
|
||||
catch:tap="toggleViewSize">
|
||||
<live-pusher class="{{callType === 1 ? 'pusher-audio' : 'pusher-ownvideo'}}"
|
||||
url="{{pusher.url}}" mode="{{pusher.mode}}" autopush="{{true}}"
|
||||
enable-camera="{{pusher.enableCamera}}" enable-mic="{{true}}"
|
||||
muted="{{!pusher.enableMic}}" enable-agc="{{true}}" enable-ans="{{true}}"
|
||||
enable-ear-monitor="{{pusher.enableEarMonitor}}"
|
||||
auto-focus="{{pusher.enableAutoFocus}}" zoom="{{pusher.enableZoom}}"
|
||||
min-bitrate="{{pusher.minBitrate}}" max-bitrate="{{pusher.maxBitrate}}"
|
||||
video-width="{{pusher.videoWidth}}" video-height="{{pusher.videoHeight}}"
|
||||
beauty="{{pusher.beautyLevel}}" whiteness="{{pusher.whitenessLevel}}"
|
||||
orientation="{{pusher.videoOrientation}}" aspect="{{pusher.videoAspect}}"
|
||||
device-position="{{pusher.frontCamera}}"
|
||||
remote-mirror="{{pusher.enableRemoteMirror}}"
|
||||
local-mirror="{{pusher.localMirror}}"
|
||||
background-mute="{{pusher.enableBackgroundMute}}"
|
||||
audio-quality="{{pusher.audioQuality}}"
|
||||
audio-volume-type="{{pusher.audioVolumeType}}"
|
||||
audio-reverb-type="{{pusher.audioReverbType}}"
|
||||
waiting-image="{{pusher.waitingImage}}"
|
||||
beauty-style="{{pusher.beautyStyle}}" filter="{{pusher.filter}}"
|
||||
bindstatechange="pusherStateChangeHandler" bindnetstatus="pusherNetStatus"
|
||||
binderror="pusherErrorHandler"
|
||||
bindaudiovolumenotify="pusherAudioVolumeNotify"/>
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || '../../static/default_avatar.png'}}"></image>
|
||||
<view class="name">我</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 远端流 -->
|
||||
<view catch:tap="toggleViewSize" class="{{callType === 1 ? 'pusher-audio' : 'play-item'}}"
|
||||
wx:else>
|
||||
<live-player
|
||||
wx:if="{{playerProcess[item.userID]}}"
|
||||
wx:if="{{ playerProcess[item.userID].hasAudio || playerProcess[item.userID].hasVideo }}"
|
||||
class="{{callType === 1 ? 'pusher-audio' : 'pusher-ownvideo'}}"
|
||||
id="{{playerProcess[item.userID].id}}"
|
||||
data-userid="{{playerProcess[item.userID].userID}}"
|
||||
data-streamid="{{playerProcess[item.userID].streamID}}"
|
||||
data-streamtype="{{playerProcess[item.userID].streamType}}"
|
||||
src="{{playerProcess[item.userID].src}}" mode="RTC"
|
||||
autoplay="{{playerProcess[item.userID].autoplay}}"
|
||||
mute-audio="{{playerProcess[item.userID].muteAudio}}"
|
||||
mute-video="{{playerProcess[item.userID].muteVideo}}"
|
||||
orientation="{{playerProcess[item.userID].orientation}}"
|
||||
object-fit="{{playerProcess[item.userID].objectFit}}"
|
||||
background-mute="{{playerProcess[item.userID].enableBackgroundMute}}"
|
||||
min-cache="{{playerProcess[item.userID].minCache}}"
|
||||
max-cache="{{playerProcess[item.userID].maxCache}}"
|
||||
sound-mode="{{soundMode}}"
|
||||
enable-recv-message="{{playerProcess[item.userID].enableRecvMessage}}"
|
||||
auto-pause-if-navigate="{{playerProcess[item.userID].autoPauseIfNavigate}}"
|
||||
auto-pause-if-open-native="{{playerProcess[item.userID].autoPauseIfOpenNative}}"
|
||||
bindstatechange="playerStateChange"
|
||||
bindfullscreenchange="playerFullscreenChange" bindnetstatus="playNetStatus"
|
||||
bindaudiovolumenotify="playerAudioVolumeNotify"/>
|
||||
<!-- 音量图标 -->
|
||||
<view class="player-control">
|
||||
<image src="{{item.avatar || '../../static/default_avatar.png'}}"></image>
|
||||
<view class="name">{{item.nick || item.userID}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
<!-- 菜单 -->
|
||||
<view class="handle-btns">
|
||||
<view class="other-view {{callType === 1 ? 'black' : 'white'}}">
|
||||
<text>{{pusher.chatTime}}</text>
|
||||
</view>
|
||||
<view class="btn-list">
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="pusherAudioHandler">
|
||||
<image class="btn-image"
|
||||
src="{{pusher.enableMic? '../../static/audio-true.png': '../../static/audio-false.png'}} "></image>
|
||||
</view>
|
||||
<view class="{{callType === 2 ? 'white' : ''}}">麦克风</view>
|
||||
</view>
|
||||
<view class="button-container" wx:if="{{callType === 1}}">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="../../static/hangup.png"></image>
|
||||
</view>
|
||||
<view class="{{callType === 2 ? 'white' : ''}}">挂断</view>
|
||||
</view>
|
||||
<view class="button-container">
|
||||
<view class="btn-normal" bindtap="toggleSoundMode">
|
||||
<image class="btn-image"
|
||||
src="{{soundMode === 'ear' ? '../../static/speaker-false.png': '../../static/speaker-true.png'}} "></image>
|
||||
</view>
|
||||
<text class="{{callType === 2 ? 'white' : ''}}">扬声器</text>
|
||||
</view>
|
||||
<view class="button-container" wx:if="{{callType === 2}}">
|
||||
<view class="btn-normal" bindtap="pusherVideoHandler">
|
||||
<image class="btn-image"
|
||||
src="{{pusher.enableCamera ? '../../static/camera-true.png': '../../static/camera-false.png'}} "></image>
|
||||
</view>
|
||||
<text class="white">摄像头</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-list" wx:if="{{callType===2}}">
|
||||
<view class="btn-list-item other-view">
|
||||
<view class="btn-container">
|
||||
<view class="btn-hangup" bindtap="hangup">
|
||||
<image class="btn-image" src="../../static/hangup.png"></image>
|
||||
</view>
|
||||
<view wx:if="{{pusher.enableCamera}}" class="invite-calling-header-left">
|
||||
<image src="../../static/switch_camera.png" data-device="{{pusher.frontCamera}}"
|
||||
catch:tap="toggleSwitchCamera"/>
|
||||
</view>
|
||||
</view>
|
||||
<text class="white">挂断</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
node_modules/@tencentcloud/call-uikit-wechat/TUICallKit/component/groupConnected/groupConnected.wxss
Generated
Vendored
-414
@@ -1,414 +0,0 @@
|
||||
/* 全屏设置 */
|
||||
.TUICalling-connected-layout {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TUICalling-connected-video {
|
||||
width: 100%;
|
||||
height: 180%;
|
||||
}
|
||||
|
||||
/* 本地音频 */
|
||||
.stream-box {
|
||||
float: left;
|
||||
width: 187px;
|
||||
height: 187px;
|
||||
position: absolute;
|
||||
top: 13vh;
|
||||
}
|
||||
|
||||
/* 远端音频列表 */
|
||||
.swiper {
|
||||
margin-top: 107px;
|
||||
min-height: 374px;
|
||||
}
|
||||
|
||||
.invite-calling-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: flex-start
|
||||
}
|
||||
|
||||
.invite-calling-item {
|
||||
flex: 0.5;
|
||||
/*设置最小宽度，才会让元素排不下，导致换行排列*/
|
||||
min-width: 50%;
|
||||
height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-item image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 本地视频 */
|
||||
.play-item {
|
||||
width: 100%;
|
||||
height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pusher-ownvideo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* 远端视频列表 */
|
||||
.swiper-list {
|
||||
min-height: 189px;
|
||||
}
|
||||
|
||||
.player-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.player-item {
|
||||
flex: 0.5;
|
||||
/*设置最小宽度，才会让元素排不下，导致换行排列*/
|
||||
min-width: 50%;
|
||||
min-height: 187px;
|
||||
}
|
||||
|
||||
/* 音量图标 */
|
||||
.player-control {
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
border-radius: 0 6px 6px 0;
|
||||
color: #fff;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 32px;
|
||||
max-width: 50%;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.player-control image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.player-control .name {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
flex: 1;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.control-buttons {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* 菜单 */
|
||||
.handle-btns {
|
||||
position: absolute;
|
||||
bottom: 44px;
|
||||
width: 100vw;
|
||||
z-index: 3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.handle-btns .btn-list {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-normal {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background: white; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.btn-hangup {
|
||||
width: 8vh;
|
||||
height: 8vh;
|
||||
/*background: #f75c45;*/
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-hangup>.btn-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.btn-footer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn-footer .multi-camera {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.btn-footer .camera {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
position: fixed;
|
||||
left: 16px;
|
||||
top: 107px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.btn-footer .camera .camera-image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.audio {
|
||||
padding-top: 15vh;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.pusher-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.player-audio {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.other-view {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.white {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.black {
|
||||
color: #000000;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-box {
|
||||
margin-top: 100px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
/*
|
||||
.mutil-img {
|
||||
justify-content: flex-start !important;
|
||||
} */
|
||||
|
||||
/* .TRTCCalling-call-audio-img {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img > image {
|
||||
width: 25vw;
|
||||
height: 25vw;
|
||||
margin: 0 4vw;
|
||||
border-radius: 4vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TRTCCalling-call-audio-img text {
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
letter-spacing: 0;
|
||||
font-weight: 500;
|
||||
} */
|
||||
|
||||
.TRTCCalling-calling-list {
|
||||
flex: 0.5;
|
||||
/*设置最小宽度，才会让元素排不下，导致换行排列*/
|
||||
min-width: 50%;
|
||||
min-height: 187px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.TRTCCalling-calling-list image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.TRTCCalling-calling-item-id {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
bottom: 2%;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.btn-list-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 16px 0;
|
||||
}
|
||||
|
||||
.btn-image-small {
|
||||
transform: scale(.7);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
background: #dddddd;
|
||||
}
|
||||
|
||||
.btn-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.invite-calling-header-left {
|
||||
position: absolute;
|
||||
right: -88px;
|
||||
}
|
||||
|
||||
.invite-calling-header-left image {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.call-switch .call-operate {
|
||||
width: 4vh;
|
||||
height: 3vh;
|
||||
}
|
||||
|
||||
.call-operate image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.call-switch text {
|
||||
padding: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn-operate-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn-operate-item text {
|
||||
padding: 8px 0;
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
letter-spacing: 0;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.invite-calling-item-message {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: rgba(0, 0, 0, 0.60);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg {
|
||||
position: absolute;
|
||||
left: calc(50% - 20px);
|
||||
top: calc(50% - 20px);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
-webkit-transform: rotate(360deg);
|
||||
animation: rotation 2s linear infinite;
|
||||
-moz-animation: rotation 2s linear infinite;
|
||||
-webkit-animation: rotation 2s linear infinite;
|
||||
-o-animation: rotation 2s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.invite-calling-item-loadimg image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.invite-calling-item-id {
|
||||
position: absolute;
|
||||
left: 2%;
|
||||
bottom: 2%;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
Generated
Vendored
-34
@@ -1,34 +0,0 @@
|
||||
Page({
|
||||
TUICallKit: null,
|
||||
data: {
|
||||
config: {
|
||||
},
|
||||
},
|
||||
async onLoad(option) {
|
||||
const config = JSON.parse(option.configData);
|
||||
this.setData(
|
||||
{
|
||||
config: { ...this.data.config, ...config },
|
||||
},
|
||||
async () => {
|
||||
this.TUICallKit = this.selectComponent('#TUICallKit-component');
|
||||
try {
|
||||
await this.TUICallKit.init(config);
|
||||
const event = JSON.parse(option.data);
|
||||
wx.$TUICallEngine.TRTCCallingDelegate.onInvited(event.data);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
},
|
||||
);
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
this.TUICallKit.destroyed();
|
||||
},
|
||||
|
||||
onShow() {},
|
||||
});
|
||||
Generated
Vendored
-8
@@ -1,8 +0,0 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"TUICallKit": "../../TUICallKit"
|
||||
},
|
||||
"navigationStyle": "custom",
|
||||
"disableScroll": true
|
||||
}
|
||||
|
||||
Generated
Vendored
-5
@@ -1,5 +0,0 @@
|
||||
<view class="">
|
||||
<TUICallKit
|
||||
id="TUICallKit-component"
|
||||
></TUICallKit>
|
||||
</view>
|
||||
Generated
Vendored
-25
@@ -1,25 +0,0 @@
|
||||
<template>
|
||||
<tuicallkit ref="TUICallKit"></tuicallkit>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
onLoad(option) {
|
||||
const config = JSON.parse(option.configData);
|
||||
this.$nextTick(async () => {
|
||||
await this.$refs.TUICallKit.init(config);
|
||||
const event = JSON.parse(option.data);
|
||||
wx.$TUICallEngine.TRTCCallingDelegate.onInvited(event.data);
|
||||
})
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
onUnload() {
|
||||
this.$refs.TUICallKit.destroyed();
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
-135
@@ -1,135 +0,0 @@
|
||||
|
||||
import TIM from 'tim-wx-sdk';
|
||||
import TUICallEngine, { EVENT } from 'tuicall-engine-wx';
|
||||
|
||||
/**
|
||||
* @param sdkAppID 用户的sdkAppID 必传
|
||||
* @param userID 用户的userID 必传
|
||||
* @param userSig 用户的userSig 必传
|
||||
* @param globalCallPagePath 跳转的路径 必传
|
||||
* @param tim tim实例 非必传
|
||||
*/
|
||||
export class CallManager {
|
||||
sdkAppID = 0
|
||||
userID = ''
|
||||
userSig = ''
|
||||
tim = null
|
||||
globalCallPagePath = []
|
||||
constructor() {
|
||||
}
|
||||
async init(params) {
|
||||
const { sdkAppID, SDKAppID, userID, tim, globalCallPagePath, userSig } = params;
|
||||
this.sdkAppID = sdkAppID || SDKAppID;
|
||||
this.userID = userID;
|
||||
this.userSig = userSig;
|
||||
this.globalCallPagePath = globalCallPagePath;
|
||||
this.tim = tim;
|
||||
// 挂载全局变量
|
||||
wx.$globalCallSign = true;
|
||||
// 设置标志位 用于移除监听
|
||||
wx.$CallManagerInstance = this;
|
||||
|
||||
if (!this.tim) {
|
||||
this.tim = TIM.create({
|
||||
SDKAppID: this.sdkAppID,
|
||||
});
|
||||
}
|
||||
|
||||
// 创建 TUICallEngine 实例
|
||||
wx.$TUICallEngine = TUICallEngine.createInstance({
|
||||
sdkAppID: this.sdkAppID,
|
||||
tim: this.tim,
|
||||
});
|
||||
// 调用 init 方法
|
||||
await wx.$TUICallEngine.init({
|
||||
userID: this.userID,
|
||||
userSig: this.userSig,
|
||||
});
|
||||
// 监听 TUICallEngine 内部的 TSignaling 事件
|
||||
this.addEngineInvite();
|
||||
};
|
||||
|
||||
addEngineInvite() {
|
||||
wx.$TUICallEngine.on(EVENT.INVITED, this.handleNewInvitationReceived, this);
|
||||
};
|
||||
|
||||
addEngineCallEnd() {
|
||||
// 通话被取消
|
||||
wx.$TUICallEngine.on(EVENT.CALLING_CANCEL, this.handleCallEnd, this);
|
||||
// 通话结束
|
||||
wx.$TUICallEngine.on(EVENT.CALL_END, this.handleCallEnd, this);
|
||||
}
|
||||
|
||||
removeEngineInvite() {
|
||||
wx.$TUICallEngine.off(EVENT.INVITED, this.handleNewInvitationReceived, this);
|
||||
this.removeEngineCallEnd();
|
||||
}
|
||||
|
||||
removeEngineCallEnd() {
|
||||
// 若当前已在globalCall页面 则无需处理
|
||||
if (this.getRoute().route === this.globalCallPagePath) {
|
||||
return;
|
||||
}
|
||||
// 通话被取消
|
||||
wx.$TUICallEngine.off(EVENT.CALLING_CANCEL, this.handleCallEnd, this);
|
||||
// 通话结束
|
||||
wx.$TUICallEngine.off(EVENT.CALL_END, this.handleCallEnd, this);
|
||||
}
|
||||
|
||||
|
||||
handleNewInvitationReceived(event) {
|
||||
// 若当前已在globalCall页面 则无需处理
|
||||
if (this.getRoute().route === this.globalCallPagePath) {
|
||||
return;
|
||||
}
|
||||
|
||||
// 监听 TUICallEngine 自身的通话结束事件
|
||||
this.addEngineCallEnd();
|
||||
const configData = {
|
||||
sdkAppID: this.sdkAppID,
|
||||
userID: this.userID,
|
||||
userSig: this.userSig,
|
||||
};
|
||||
wx.navigateTo({
|
||||
url: `/${this.globalCallPagePath}?data=${JSON.stringify(event)}&configData=${JSON.stringify(configData)}`,
|
||||
});
|
||||
};
|
||||
|
||||
handleCallEnd() {
|
||||
wx.$TUICallEngine._resetTUICallEngine();
|
||||
wx.navigateBack({
|
||||
success: () => {
|
||||
},
|
||||
fail: () => {
|
||||
},
|
||||
complete: () => {
|
||||
wx.$TUICallEngine.off(EVENT.CALLING_CANCEL, this.handleCallEnd, this);
|
||||
wx.$TUICallEngine.off(EVENT.CALL_END, this.handleCallEnd, this);
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// 获取当前的页面地址
|
||||
getRoute() {
|
||||
const pages = getCurrentPages();
|
||||
const currentPage = pages[pages.length - 1];
|
||||
return currentPage;
|
||||
}
|
||||
|
||||
// 卸载 callManger
|
||||
destroyed() {
|
||||
this.removeEngineInvite();
|
||||
this.reset();
|
||||
wx.$globalCallSign = false;
|
||||
wx.$TUICallEngine = null;
|
||||
}
|
||||
reset() {
|
||||
this.sdkAppID = 0;
|
||||
this.userID = '';
|
||||
this.userSig = '';
|
||||
this.tim = null;
|
||||
this.globalCallPagePath = '';
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Generated
Vendored
+15
@@ -0,0 +1,15 @@
|
||||
import { IBellParams } from '../interface/index';
|
||||
export declare class BellContext {
|
||||
private _bellContext;
|
||||
private _isMuteBell;
|
||||
private _calleeBellFilePath;
|
||||
private _callRole;
|
||||
private _callStatus;
|
||||
constructor();
|
||||
setBellSrc(): void;
|
||||
setBellProperties(bellParams: IBellParams): void;
|
||||
play(): Promise<void>;
|
||||
stop(): Promise<void>;
|
||||
setBellMute(enable: boolean): Promise<void>;
|
||||
destroy(): void;
|
||||
}
|
||||
Generated
Vendored
+106
@@ -0,0 +1,106 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.BellContext = void 0;
|
||||
const index_1 = require("../const/index");
|
||||
const common_utils_1 = require("../utils/common-utils");
|
||||
const DEFAULT_CALLER_BELL_FILEPATH = '/TUICallKit/static/phone_dialing.mp3';
|
||||
const DEFAULT_CALLEE_BELL_FILEPATH = '/TUICallKit/static/phone_ringing.mp3';
|
||||
class BellContext {
|
||||
constructor() {
|
||||
this._bellContext = null;
|
||||
this._isMuteBell = false;
|
||||
this._calleeBellFilePath = DEFAULT_CALLEE_BELL_FILEPATH;
|
||||
this._callRole = index_1.CallRole.UNKNOWN;
|
||||
this._callStatus = index_1.CallStatus.IDLE;
|
||||
// @ts-ignore
|
||||
this._bellContext = wx.createInnerAudioContext();
|
||||
this._bellContext.loop = true;
|
||||
}
|
||||
setBellSrc() {
|
||||
// @ts-ignore
|
||||
const fs = wx.getFileSystemManager();
|
||||
try {
|
||||
let playBellFilePath = DEFAULT_CALLER_BELL_FILEPATH;
|
||||
if (this._callRole === index_1.CallRole.CALLEE) {
|
||||
playBellFilePath = this._calleeBellFilePath || DEFAULT_CALLEE_BELL_FILEPATH;
|
||||
}
|
||||
fs.readFileSync(playBellFilePath, 'utf8', 0);
|
||||
this._bellContext.src = playBellFilePath;
|
||||
}
|
||||
catch (error) {
|
||||
console.warn(`${index_1.NAME.PREFIX}Failed to setBellSrc, ${error}`);
|
||||
}
|
||||
}
|
||||
setBellProperties(bellParams) {
|
||||
this._callRole = bellParams.callRole || this._callRole;
|
||||
this._callStatus = bellParams.callStatus || this._callStatus;
|
||||
this._calleeBellFilePath = bellParams.calleeBellFilePath || this._calleeBellFilePath;
|
||||
// undefined/false || isMuteBell => isMuteBell (不符合预期)
|
||||
this._isMuteBell = (0, common_utils_1.isUndefined)(bellParams.isMuteBell) ? this._isMuteBell : bellParams.isMuteBell;
|
||||
}
|
||||
play() {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
try {
|
||||
if (this._callStatus !== index_1.CallStatus.CALLING) {
|
||||
return;
|
||||
}
|
||||
this.setBellSrc();
|
||||
if (this._callRole === index_1.CallRole.CALLEE && !this._isMuteBell) {
|
||||
yield this._bellContext.play();
|
||||
}
|
||||
if (this._callRole === index_1.CallRole.CALLER) {
|
||||
yield this._bellContext.play();
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.warn(`${index_1.NAME.PREFIX}Failed to play audio file, ${error}`);
|
||||
}
|
||||
});
|
||||
}
|
||||
stop() {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
try {
|
||||
this._bellContext.stop();
|
||||
}
|
||||
catch (error) {
|
||||
console.warn(`${index_1.NAME.PREFIX}Failed to stop audio file, ${error}`);
|
||||
}
|
||||
});
|
||||
}
|
||||
setBellMute(enable) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
if (this._callStatus !== index_1.CallStatus.CALLING && this._callRole !== index_1.CallRole.CALLEE) {
|
||||
return;
|
||||
}
|
||||
if (enable) {
|
||||
yield this.stop();
|
||||
}
|
||||
else {
|
||||
yield this.play();
|
||||
}
|
||||
});
|
||||
}
|
||||
destroy() {
|
||||
try {
|
||||
this._isMuteBell = false;
|
||||
this._calleeBellFilePath = '';
|
||||
this._callRole = index_1.CallRole.UNKNOWN;
|
||||
this._callStatus = index_1.CallStatus.IDLE;
|
||||
this._bellContext.destroy();
|
||||
this._bellContext = null;
|
||||
}
|
||||
catch (error) {
|
||||
console.warn(`${index_1.NAME.PREFIX}Failed to destroy, ${error}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
exports.BellContext = BellContext;
|
||||
Generated
Vendored
+97
@@ -0,0 +1,97 @@
|
||||
import { ITUICallService, ICallParams, IGroupCallParams, ICallbackParam, ISelfInfoParams, IInviteUserParams, IJoinInGroupCallParams, IInitParams } from '../interface/ICallService';
|
||||
import { LanguageType, LOG_LEVEL, VideoDisplayMode, VideoResolution } from '../const/index';
|
||||
import { ITUIGlobal } from '../interface/ITUIGlobal';
|
||||
import { ITUIStore } from '../interface/ITUIStore';
|
||||
declare const TUIGlobal: ITUIGlobal;
|
||||
declare const TUIStore: ITUIStore;
|
||||
export { TUIGlobal, TUIStore };
|
||||
export default class TUICallService implements ITUICallService {
|
||||
static instance: TUICallService;
|
||||
_tuiCallEngine: any;
|
||||
private _tim;
|
||||
private _TUICore;
|
||||
private _timerId;
|
||||
private _bellContext;
|
||||
constructor();
|
||||
static getInstance(): TUICallService;
|
||||
init(params: IInitParams): Promise<void>;
|
||||
destroyed(): Promise<void>;
|
||||
call(callParams: ICallParams): Promise<void>;
|
||||
groupCall(groupCallParams: IGroupCallParams): Promise<void>;
|
||||
inviteUser(params: IInviteUserParams): Promise<void>;
|
||||
joinInGroupCall(params: IJoinInGroupCallParams): Promise<void>;
|
||||
getTUICallEngineInstance(): any;
|
||||
setLogLevel(level: LOG_LEVEL): void;
|
||||
setLanguage(language: LanguageType): void;
|
||||
enableFloatWindow(enable: boolean): void;
|
||||
setSelfInfo(params: ISelfInfoParams): Promise<void>;
|
||||
setCallingBell(filePath?: string): Promise<void>;
|
||||
enableMuteMode(enable: boolean): Promise<void>;
|
||||
accept(): Promise<void>;
|
||||
hangup(): Promise<void>;
|
||||
reject(): Promise<void>;
|
||||
openCamera(videoViewDomID: string): Promise<void>;
|
||||
closeCamera(): Promise<void>;
|
||||
openMicrophone(): Promise<void>;
|
||||
closeMicrophone(): Promise<void>;
|
||||
switchScreen(userId: string): void;
|
||||
switchCallMediaType(): Promise<void>;
|
||||
switchCamera(): Promise<void>;
|
||||
setSoundMode(type?: string): void;
|
||||
getTim(): any;
|
||||
private _addListenTuiCallEngineEvent;
|
||||
private _removeListenTuiCallEngineEvent;
|
||||
private _handleError;
|
||||
private _handleNewInvitationReceived;
|
||||
private _handleUserAccept;
|
||||
private _handleUserEnter;
|
||||
private _callerChangeToConnected;
|
||||
private _handleUserLeave;
|
||||
private _unNormalEventsManager;
|
||||
private _handleInviteeReject;
|
||||
private _handleNoResponse;
|
||||
private _handleLineBusy;
|
||||
private _handleCallingCancel;
|
||||
private _handleCallingEnd;
|
||||
private _handleSDKReady;
|
||||
private _handleKickedOut;
|
||||
private _handleCallTypeChange;
|
||||
private _messageSentByMe;
|
||||
private _handleUserUpdate;
|
||||
private _handleCallError;
|
||||
beforeCalling: ((...args: any[]) => void) | undefined;
|
||||
afterCalling: ((...args: any[]) => void) | undefined;
|
||||
onMinimized: ((...args: any[]) => void) | undefined;
|
||||
onMessageSentByMe: ((...args: any[]) => void) | undefined;
|
||||
kickedOut: ((...args: any[]) => void) | undefined;
|
||||
statusChanged: ((...args: any[]) => void) | undefined;
|
||||
setCallback(params: ICallbackParam): void;
|
||||
toggleMinimize(): void;
|
||||
private _executeExternalBeforeCalling;
|
||||
private _executeExternalAfterCalling;
|
||||
setVideoDisplayMode(displayMode: VideoDisplayMode): void;
|
||||
setVideoResolution(resolution: VideoResolution): Promise<void>;
|
||||
private _handleExceptionExit;
|
||||
private _setLocalUserInfoAudioVideoAvailable;
|
||||
private _updateCallStoreBeforeCall;
|
||||
private _updateCallStoreAfterCall;
|
||||
private _resetCurrentDevice;
|
||||
private _resetCallStore;
|
||||
private _noDevicePermissionToast;
|
||||
private _startTimer;
|
||||
private _updateCallDuration;
|
||||
private _stopTimer;
|
||||
private _deleteRemoteUser;
|
||||
private _analyzeEventData;
|
||||
getGroupMemberList(count: number, offset: number): Promise<any>;
|
||||
getGroupProfile(): Promise<any>;
|
||||
private _handleCallStatusChange;
|
||||
private _watchTUIStore;
|
||||
private _unwatchTUIStore;
|
||||
bindTUICore(TUICore: any): void;
|
||||
private _callTUIService;
|
||||
onNotifyEvent(eventName: string, subKey: string): Promise<void>;
|
||||
onCall(method: String, params: any): Promise<void>;
|
||||
private _handleTUICoreOnClick;
|
||||
onGetExtension(extensionID: string, params: any): any[];
|
||||
}
|
||||
+1147
File diff suppressed because it is too large
Load Diff
Generated
Vendored
+6
@@ -0,0 +1,6 @@
|
||||
import { CallMediaType, CallStatus } from '../const/index';
|
||||
export declare function initialUI(): void;
|
||||
export declare function checkRunPlatform(): void;
|
||||
export declare function initAndCheckRunEnv(): void;
|
||||
export declare function beforeCall(type: CallMediaType, that: any): Promise<CallStatus.IDLE | CallStatus.CALLING>;
|
||||
export declare function handlePackageError(error: any): void;
|
||||
Generated
Vendored
+76
@@ -0,0 +1,76 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.handlePackageError = exports.beforeCall = exports.initAndCheckRunEnv = exports.checkRunPlatform = exports.initialUI = void 0;
|
||||
const index_1 = require("../const/index");
|
||||
function initialUI() {
|
||||
// 收起键盘
|
||||
// @ts-ignore
|
||||
wx.hideKeyboard({
|
||||
complete: () => { },
|
||||
});
|
||||
}
|
||||
exports.initialUI = initialUI;
|
||||
;
|
||||
// 检测运行时环境, 当是微信开发者工具时, 提示用户需要手机调试
|
||||
function checkRunPlatform() {
|
||||
// @ts-ignore
|
||||
const systemInfo = wx.getSystemInfoSync();
|
||||
if (systemInfo.platform === 'devtools') {
|
||||
// 当前运行在微信开发者工具里
|
||||
// @ts-ignore
|
||||
wx.showModal({
|
||||
icon: 'none',
|
||||
title: '运行环境提醒',
|
||||
content: '微信开发者工具不支持原生推拉流组件(即 <live-pusher> 和 <live-player> 标签)，请使用真机调试或者扫码预览。',
|
||||
showCancel: false,
|
||||
});
|
||||
}
|
||||
}
|
||||
exports.checkRunPlatform = checkRunPlatform;
|
||||
;
|
||||
function initAndCheckRunEnv() {
|
||||
initialUI(); // miniProgram 收起键盘, 隐藏 tabBar
|
||||
checkRunPlatform(); // miniProgram 检测运行时环境
|
||||
}
|
||||
exports.initAndCheckRunEnv = initAndCheckRunEnv;
|
||||
function beforeCall(type, that) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
try {
|
||||
initAndCheckRunEnv();
|
||||
// 检查设备权限
|
||||
const deviceMap = {
|
||||
microphone: true,
|
||||
camera: type === index_1.CallMediaType.VIDEO,
|
||||
};
|
||||
const hasDevicePermission = yield that._tuiCallEngine.deviceCheck(deviceMap); // miniProgram 检查设备权限
|
||||
return hasDevicePermission ? index_1.CallStatus.CALLING : index_1.CallStatus.IDLE;
|
||||
}
|
||||
catch (error) {
|
||||
console.debug(error);
|
||||
return index_1.CallStatus.IDLE;
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.beforeCall = beforeCall;
|
||||
// 套餐问题提示, 小程序最低需要群组通话版, 1v1 通话版本使用 TRTC 就会报错
|
||||
function handlePackageError(error) {
|
||||
if ((error === null || error === void 0 ? void 0 : error.code) === -1002) {
|
||||
// @ts-ignore
|
||||
wx.showModal({
|
||||
icon: 'none',
|
||||
title: 'error',
|
||||
content: (error === null || error === void 0 ? void 0 : error.message) || '',
|
||||
showCancel: false,
|
||||
});
|
||||
}
|
||||
}
|
||||
exports.handlePackageError = handlePackageError;
|
||||
Generated
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
import { IUserInfo } from '../interface/ICallService';
|
||||
import { ITUIStore } from '../interface/ITUIStore';
|
||||
export declare function setDefaultUserInfo(userId: string, domId?: string): IUserInfo;
|
||||
export declare function getMyProfile(myselfUserId: string, tim: any, TUIStore: any): Promise<IUserInfo>;
|
||||
export declare function getRemoteUserProfile(userIdList: Array<string>, tim: any, TUIStore: any): Promise<any>;
|
||||
export declare function generateText(TUIStore: ITUIStore, key: string, prefix?: string, suffix?: string): string;
|
||||
export declare function generateStatusChangeText(TUIStore: ITUIStore): string;
|
||||
export declare function getGroupMemberList(groupID: string, tim: any, count: any, offset: any): Promise<any>;
|
||||
export declare function getGroupProfile(groupID: string, tim: any): Promise<any>;
|
||||
+167
@@ -0,0 +1,167 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.getGroupProfile = exports.getGroupMemberList = exports.generateStatusChangeText = exports.generateText = exports.getRemoteUserProfile = exports.getMyProfile = exports.setDefaultUserInfo = void 0;
|
||||
const index_1 = require("../const/index");
|
||||
const index_2 = require("../locales/index");
|
||||
// 设置默认的 UserInfo 信息
|
||||
function setDefaultUserInfo(userId, domId) {
|
||||
const userInfo = {
|
||||
userId,
|
||||
nick: '',
|
||||
avatar: '',
|
||||
remark: '',
|
||||
displayUserInfo: '',
|
||||
isAudioAvailable: false,
|
||||
isVideoAvailable: false,
|
||||
isEnter: false,
|
||||
domId: domId || userId,
|
||||
};
|
||||
return domId ? userInfo : Object.assign(Object.assign({}, userInfo), { isEnter: false }); // localUserInfo 没有 isEnter, remoteUserInfoList 有 isEnter
|
||||
}
|
||||
exports.setDefaultUserInfo = setDefaultUserInfo;
|
||||
// 获取个人用户信息
|
||||
function getMyProfile(myselfUserId, tim, TUIStore) {
|
||||
var _a, _b, _c;
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
let localUserInfo = setDefaultUserInfo(myselfUserId, index_1.NAME.LOCAL_VIDEO);
|
||||
try {
|
||||
if (!tim)
|
||||
return localUserInfo;
|
||||
const res = yield tim.getMyProfile();
|
||||
const currentLocalUserInfo = TUIStore === null || TUIStore === void 0 ? void 0 : TUIStore.getData(index_1.StoreName.CALL, index_1.NAME.LOCAL_USER_INFO); // localUserInfo may have been updated
|
||||
if ((res === null || res === void 0 ? void 0 : res.code) === 0) {
|
||||
localUserInfo = Object.assign(Object.assign(Object.assign({}, localUserInfo), currentLocalUserInfo), { userId: (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.userID, nick: (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.nick, avatar: (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.avatar });
|
||||
}
|
||||
return localUserInfo;
|
||||
}
|
||||
catch (error) {
|
||||
console.error(`${index_1.NAME.PREFIX}getMyProfile failed, error: ${error}.`);
|
||||
return localUserInfo;
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.getMyProfile = getMyProfile;
|
||||
// 获取远端用户列表信息
|
||||
function getRemoteUserProfile(userIdList, tim, TUIStore) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
let remoteUserInfoList = userIdList.map((userId) => setDefaultUserInfo(userId));
|
||||
try {
|
||||
if (!tim)
|
||||
return remoteUserInfoList;
|
||||
const res = yield tim.getFriendProfile({ userIDList: userIdList });
|
||||
if (res.code === 0) {
|
||||
const { friendList = [], failureUserIDList = [] } = res.data;
|
||||
let unFriendList = failureUserIDList.map((obj) => obj.userID);
|
||||
if (failureUserIDList.length > 0) {
|
||||
const res = yield tim.getUserProfile({ userIDList: failureUserIDList.map((obj) => obj.userID) });
|
||||
if ((res === null || res === void 0 ? void 0 : res.code) === 0) {
|
||||
unFriendList = (res === null || res === void 0 ? void 0 : res.data) || [];
|
||||
}
|
||||
}
|
||||
const currentRemoteUserInfoList = TUIStore === null || TUIStore === void 0 ? void 0 : TUIStore.getData(index_1.StoreName.CALL, index_1.NAME.REMOTE_USER_INFO_LIST); // remoteUserInfoList may have been updated
|
||||
const tempFriendIdList = friendList.map((obj) => obj.userID);
|
||||
const tempUnFriendIdList = unFriendList.map((obj) => obj.userID);
|
||||
remoteUserInfoList = userIdList.map((userId) => {
|
||||
var _a, _b, _c, _d, _e, _f, _g;
|
||||
const defaultUserInfo = setDefaultUserInfo(userId);
|
||||
const friendListIndex = tempFriendIdList.indexOf(userId);
|
||||
const unFriendListIndex = tempUnFriendIdList.indexOf(userId);
|
||||
let remark = '';
|
||||
let nick = '';
|
||||
let displayUserInfo = '';
|
||||
let avatar = '';
|
||||
if (friendListIndex !== -1) {
|
||||
remark = ((_a = friendList[friendListIndex]) === null || _a === void 0 ? void 0 : _a.remark) || '';
|
||||
nick = ((_c = (_b = friendList[friendListIndex]) === null || _b === void 0 ? void 0 : _b.profile) === null || _c === void 0 ? void 0 : _c.nick) || '';
|
||||
displayUserInfo = remark || nick || defaultUserInfo.userId || '';
|
||||
avatar = ((_e = (_d = friendList[friendListIndex]) === null || _d === void 0 ? void 0 : _d.profile) === null || _e === void 0 ? void 0 : _e.avatar) || '';
|
||||
}
|
||||
if (unFriendListIndex !== -1) {
|
||||
nick = ((_f = unFriendList[unFriendListIndex]) === null || _f === void 0 ? void 0 : _f.nick) || '';
|
||||
displayUserInfo = nick || defaultUserInfo.userId || '';
|
||||
avatar = ((_g = unFriendList[unFriendListIndex]) === null || _g === void 0 ? void 0 : _g.avatar) || '';
|
||||
}
|
||||
const userInfo = currentRemoteUserInfoList.find(subObj => subObj.userId === userId) || {};
|
||||
return Object.assign(Object.assign(Object.assign({}, defaultUserInfo), userInfo), { remark, nick, displayUserInfo, avatar });
|
||||
});
|
||||
}
|
||||
return remoteUserInfoList;
|
||||
}
|
||||
catch (error) {
|
||||
console.error(`${index_1.NAME.PREFIX}getRemoteUserProfile failed, error: ${error}.`);
|
||||
return remoteUserInfoList;
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.getRemoteUserProfile = getRemoteUserProfile;
|
||||
// 生成弹框提示文案
|
||||
function generateText(TUIStore, key, prefix, suffix) {
|
||||
const isGroup = TUIStore.getData(index_1.StoreName.CALL, index_1.NAME.IS_GROUP);
|
||||
let callTips = `${(0, index_2.t)(key)}`;
|
||||
if (isGroup) {
|
||||
callTips = prefix ? `${prefix} ${callTips}` : callTips;
|
||||
callTips = suffix ? `${callTips} ${suffix}` : callTips;
|
||||
}
|
||||
return callTips;
|
||||
}
|
||||
exports.generateText = generateText;
|
||||
// 生成 statusChange 抛出的字符串
|
||||
function generateStatusChangeText(TUIStore) {
|
||||
const callStatus = TUIStore.getData(index_1.StoreName.CALL, index_1.NAME.CALL_STATUS);
|
||||
if (callStatus === index_1.CallStatus.IDLE) {
|
||||
return index_1.StatusChange.IDLE;
|
||||
}
|
||||
const isGroup = TUIStore.getData(index_1.StoreName.CALL, index_1.NAME.IS_GROUP);
|
||||
if (callStatus === index_1.CallStatus.CALLING) {
|
||||
return isGroup ? index_1.StatusChange.DIALING_GROUP : index_1.StatusChange.DIALING_C2C;
|
||||
}
|
||||
const callMediaType = TUIStore.getData(index_1.StoreName.CALL, index_1.NAME.CALL_MEDIA_TYPE);
|
||||
if (isGroup) {
|
||||
return callMediaType === index_1.CallMediaType.AUDIO ? index_1.StatusChange.CALLING_GROUP_AUDIO : index_1.StatusChange.CALLING_GROUP_VIDEO;
|
||||
}
|
||||
return callMediaType === index_1.CallMediaType.AUDIO ? index_1.StatusChange.CALLING_C2C_AUDIO : index_1.StatusChange.CALLING_C2C_VIDEO;
|
||||
}
|
||||
exports.generateStatusChangeText = generateStatusChangeText;
|
||||
// 获取群组[offset, count + offset]区间成员
|
||||
function getGroupMemberList(groupID, tim, count, offset) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
let groupMemberList = [];
|
||||
try {
|
||||
const res = yield tim.getGroupMemberList({ groupID, count, offset });
|
||||
if (res.code === 0) {
|
||||
return res.data.memberList || groupMemberList;
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error(`${index_1.NAME.PREFIX}getGroupMember failed, error: ${error}.`);
|
||||
return groupMemberList;
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.getGroupMemberList = getGroupMemberList;
|
||||
// 获取 IM 群信息
|
||||
function getGroupProfile(groupID, tim) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
let groupProfile = {};
|
||||
try {
|
||||
const res = yield tim.getGroupProfile({ groupID });
|
||||
if (res.code === 0) {
|
||||
return res.data.group || groupProfile;
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error(`${index_1.NAME.PREFIX}getGroupProfile failed, error: ${error}.`);
|
||||
return groupProfile;
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.getGroupProfile = getGroupProfile;
|
||||
Generated
Vendored
+21
@@ -0,0 +1,21 @@
|
||||
import { ITUIGlobal } from '../interface/ITUIGlobal';
|
||||
export default class TUIGlobal implements ITUIGlobal {
|
||||
static instance: TUIGlobal;
|
||||
global: any;
|
||||
isPC: boolean;
|
||||
isH5: boolean;
|
||||
isWeChat: boolean;
|
||||
isApp: boolean;
|
||||
isUniPlatform: boolean;
|
||||
isOfficial: boolean;
|
||||
isWIN: boolean;
|
||||
isMAC: boolean;
|
||||
constructor();
|
||||
/**
|
||||
* 获取 TUIGlobal 实例
|
||||
* @returns {TUIGlobal}
|
||||
*/
|
||||
static getInstance(): TUIGlobal;
|
||||
initEnv(): void;
|
||||
initOfficial(SDKAppID: number): void;
|
||||
}
|
||||
Generated
Vendored
+40
@@ -0,0 +1,40 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
const env_1 = require("../utils/env");
|
||||
class TUIGlobal {
|
||||
constructor() {
|
||||
this.global = env_1.APP_NAMESPACE;
|
||||
this.isPC = false;
|
||||
this.isH5 = false;
|
||||
this.isWeChat = false;
|
||||
this.isApp = false;
|
||||
this.isUniPlatform = false;
|
||||
this.isOfficial = false;
|
||||
this.isWIN = false;
|
||||
this.isMAC = false;
|
||||
this.initEnv();
|
||||
}
|
||||
/**
|
||||
* 获取 TUIGlobal 实例
|
||||
* @returns {TUIGlobal}
|
||||
*/
|
||||
static getInstance() {
|
||||
if (!TUIGlobal.instance) {
|
||||
TUIGlobal.instance = new TUIGlobal();
|
||||
}
|
||||
return TUIGlobal.instance;
|
||||
}
|
||||
initEnv() {
|
||||
this.isPC = env_1.IS_PC;
|
||||
this.isH5 = env_1.IS_H5;
|
||||
this.isWeChat = env_1.IN_WX_MINI_APP;
|
||||
this.isApp = env_1.IN_UNI_NATIVE_APP && !env_1.IN_WX_MINI_APP; // uniApp 打包小程序时 IN_UNI_NATIVE_APP 为 true，所以此处需要增加条件
|
||||
this.isUniPlatform = env_1.IN_UNI_APP;
|
||||
this.isWIN = env_1.IS_WIN;
|
||||
this.isMAC = env_1.IS_MAC;
|
||||
}
|
||||
initOfficial(SDKAppID) {
|
||||
this.isOfficial = (SDKAppID === 1400187352 || SDKAppID === 1400188366);
|
||||
}
|
||||
}
|
||||
exports.default = TUIGlobal;
|
||||
Generated
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
import { ICallStore } from '../interface/ICallStore';
|
||||
export default class CallStore {
|
||||
defaultStore: ICallStore;
|
||||
store: ICallStore;
|
||||
update(key: keyof ICallStore, data: any): void;
|
||||
getData(key: string | undefined): any;
|
||||
reset(keyList?: Array<string>): void;
|
||||
}
|
||||
Generated
Vendored
+62
@@ -0,0 +1,62 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
const index_1 = require("../const/index");
|
||||
const common_utils_1 = require("../utils/common-utils");
|
||||
class CallStore {
|
||||
constructor() {
|
||||
this.defaultStore = {
|
||||
callStatus: index_1.CallStatus.IDLE,
|
||||
callRole: index_1.CallRole.UNKNOWN,
|
||||
callMediaType: index_1.CallMediaType.UNKNOWN,
|
||||
localUserInfo: { userId: '' },
|
||||
remoteUserInfoList: [],
|
||||
callerUserInfo: { userId: '' },
|
||||
isGroup: false,
|
||||
callDuration: '00:00:00',
|
||||
callTips: '',
|
||||
toastInfo: { text: '' },
|
||||
isMinimized: false,
|
||||
enableFloatWindow: false,
|
||||
bigScreenUserId: '',
|
||||
language: (0, common_utils_1.getLanguage)(),
|
||||
isClickable: false,
|
||||
deviceList: { cameraList: [], microphoneList: [], currentCamera: {}, currentMicrophone: {} },
|
||||
showPermissionTip: false,
|
||||
groupID: '',
|
||||
roomID: 0,
|
||||
// TUICallKit 组件上的属性
|
||||
displayMode: index_1.VideoDisplayMode.COVER,
|
||||
videoResolution: index_1.VideoResolution.RESOLUTION_480P,
|
||||
showSelectUser: false,
|
||||
// 小程序相关属性
|
||||
pusher: {},
|
||||
player: [],
|
||||
isEarPhone: false, // 是否是听筒, 默认: false
|
||||
};
|
||||
this.store = Object.assign({}, this.defaultStore);
|
||||
}
|
||||
;
|
||||
update(key, data) {
|
||||
switch (key) {
|
||||
// case 'callTips':
|
||||
// break;
|
||||
default:
|
||||
// resolve "Type 'any' is not assignable to type 'never'.ts", ref: https://github.com/microsoft/TypeScript/issues/31663
|
||||
this.store[key] = data;
|
||||
}
|
||||
}
|
||||
getData(key) {
|
||||
if (!key)
|
||||
return this.store;
|
||||
return this.store[key];
|
||||
}
|
||||
// reset call store
|
||||
reset(keyList = []) {
|
||||
if (keyList.length === 0) {
|
||||
keyList = Object.keys(this.store);
|
||||
}
|
||||
const resetToDefault = keyList.reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: this.defaultStore[key] })), {});
|
||||
this.store = Object.assign(Object.assign(Object.assign({}, this.defaultStore), this.store), resetToDefault);
|
||||
}
|
||||
}
|
||||
exports.default = CallStore;
|
||||
Generated
Vendored
+50
@@ -0,0 +1,50 @@
|
||||
import { ITUIStore, IOptions, Task } from '../interface/ITUIStore';
|
||||
import { StoreName } from '../const/index';
|
||||
export default class TUIStore implements ITUIStore {
|
||||
static instance: TUIStore;
|
||||
task: Task;
|
||||
private storeMap;
|
||||
private timerId;
|
||||
constructor();
|
||||
/**
|
||||
* 获取 TUIStore 实例
|
||||
* @returns {TUIStore}
|
||||
*/
|
||||
static getInstance(): TUIStore;
|
||||
/**
|
||||
* UI 组件注册监听回调
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {IOptions} options 监听信息
|
||||
* @param {Object} params 扩展参数
|
||||
* @param {String} params.notifyRangeWhenWatch 注册时监听时的通知范围, 'all' - 通知所有注册该 key 的监听; 'myself' - 通知本次注册该 key 的监听; 默认不通知
|
||||
*/
|
||||
watch(storeName: StoreName, options: IOptions, params?: any): void;
|
||||
/**
|
||||
* UI 取消组件监听回调
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {IOptions} options 监听信息,包含需要取消的回掉等
|
||||
*/
|
||||
unwatch(storeName: StoreName, options: IOptions): void;
|
||||
/**
|
||||
* 通用 store 数据更新，messageList 的变更需要单独处理
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {string} key 变更的 key
|
||||
* @param {unknown} data 变更的数据
|
||||
*/
|
||||
update(storeName: StoreName, key: string, data: unknown): void;
|
||||
/**
|
||||
* 获取 Store 数据
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {string} key 待获取的 key
|
||||
* @returns {Any}
|
||||
*/
|
||||
getData(storeName: StoreName, key: string): any;
|
||||
/**
|
||||
* UI 组件注册监听回调
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {string} key 变更的 key
|
||||
*/
|
||||
private notify;
|
||||
reset(storeName: StoreName, keyList?: Array<string>, isNotificationNeeded?: boolean): void;
|
||||
updateStore(params: any, name?: StoreName): void;
|
||||
}
|
||||
+155
@@ -0,0 +1,155 @@
|
||||
"use strict";
|
||||
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
const index_1 = require("../const/index");
|
||||
const callStore_1 = __importDefault(require("./callStore"));
|
||||
const common_utils_1 = require("../utils/common-utils");
|
||||
class TUIStore {
|
||||
constructor() {
|
||||
this.timerId = -1;
|
||||
this.storeMap = {
|
||||
[index_1.StoreName.CALL]: new callStore_1.default(),
|
||||
};
|
||||
// todo 此处后续优化结构后调整
|
||||
this.task = {}; // 保存监听回调列表
|
||||
}
|
||||
/**
|
||||
* 获取 TUIStore 实例
|
||||
* @returns {TUIStore}
|
||||
*/
|
||||
static getInstance() {
|
||||
if (!TUIStore.instance) {
|
||||
TUIStore.instance = new TUIStore();
|
||||
}
|
||||
return TUIStore.instance;
|
||||
}
|
||||
/**
|
||||
* UI 组件注册监听回调
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {IOptions} options 监听信息
|
||||
* @param {Object} params 扩展参数
|
||||
* @param {String} params.notifyRangeWhenWatch 注册时监听时的通知范围, 'all' - 通知所有注册该 key 的监听; 'myself' - 通知本次注册该 key 的监听; 默认不通知
|
||||
*/
|
||||
watch(storeName, options, params) {
|
||||
if (!this.task[storeName]) {
|
||||
this.task[storeName] = {};
|
||||
}
|
||||
const watcher = this.task[storeName];
|
||||
Object.keys(options).forEach((key) => {
|
||||
const callback = options[key];
|
||||
if (!watcher[key]) {
|
||||
watcher[key] = new Map();
|
||||
}
|
||||
watcher[key].set(callback, 1);
|
||||
const { notifyRangeWhenWatch } = params || {};
|
||||
// 注册监听后, 通知所有注册该 key 的监听，使用 'all' 时要特别注意是否对其他地方的监听产生影响
|
||||
if (notifyRangeWhenWatch === index_1.NAME.ALL) {
|
||||
this.notify(storeName, key);
|
||||
}
|
||||
// 注册监听后, 仅通知自己本次监听该 key 的数据
|
||||
if (notifyRangeWhenWatch === index_1.NAME.MYSELF) {
|
||||
const data = this.getData(storeName, key);
|
||||
callback.call(this, data);
|
||||
}
|
||||
});
|
||||
}
|
||||
/**
|
||||
* UI 取消组件监听回调
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {IOptions} options 监听信息,包含需要取消的回掉等
|
||||
*/
|
||||
unwatch(storeName, options) {
|
||||
// todo 该接口暂未支持，unwatch掉同一类，如仅传入store注销掉该store下的所有callback，同样options仅传入key注销掉该key下的所有callback
|
||||
// options的callback function为必填参数，后续修改
|
||||
if (!this.task[storeName]) {
|
||||
return;
|
||||
}
|
||||
;
|
||||
// if (isString(options)) {
|
||||
// // 移除所有的监听
|
||||
// if (options === '*') {
|
||||
// const watcher = this.task[storeName];
|
||||
// Object.keys(watcher).forEach(key => {
|
||||
// watcher[key].clear();
|
||||
// });
|
||||
// } else {
|
||||
// console.warn(`${NAME.PREFIX}unwatch warning: options is ${options}`);
|
||||
// }
|
||||
// return;
|
||||
// }
|
||||
const watcher = this.task[storeName];
|
||||
Object.keys(options).forEach((key) => {
|
||||
watcher[key].delete(options[key]);
|
||||
});
|
||||
}
|
||||
/**
|
||||
* 通用 store 数据更新，messageList 的变更需要单独处理
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {string} key 变更的 key
|
||||
* @param {unknown} data 变更的数据
|
||||
*/
|
||||
update(storeName, key, data) {
|
||||
var _a;
|
||||
// 基本数据类型时, 如果相等, 就不进行更新, 减少不必要的 notify
|
||||
if ((0, common_utils_1.isString)(data) || (0, common_utils_1.isNumber)(data) || (0, common_utils_1.isBoolean)(data)) {
|
||||
const currentData = this.storeMap[storeName]['store'][key]; // eslint-disable-line
|
||||
if (currentData === data)
|
||||
return;
|
||||
}
|
||||
(_a = this.storeMap[storeName]) === null || _a === void 0 ? void 0 : _a.update(key, data);
|
||||
this.notify(storeName, key);
|
||||
}
|
||||
/**
|
||||
* 获取 Store 数据
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {string} key 待获取的 key
|
||||
* @returns {Any}
|
||||
*/
|
||||
getData(storeName, key) {
|
||||
var _a;
|
||||
return (_a = this.storeMap[storeName]) === null || _a === void 0 ? void 0 : _a.getData(key);
|
||||
}
|
||||
/**
|
||||
* UI 组件注册监听回调
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {string} key 变更的 key
|
||||
*/
|
||||
notify(storeName, key) {
|
||||
if (!this.task[storeName]) {
|
||||
return;
|
||||
}
|
||||
const watcher = this.task[storeName];
|
||||
if (watcher[key]) {
|
||||
const callbackMap = watcher[key];
|
||||
const data = this.getData(storeName, key);
|
||||
for (const [callback] of callbackMap.entries()) {
|
||||
callback.call(this, data);
|
||||
}
|
||||
}
|
||||
}
|
||||
reset(storeName, keyList = [], isNotificationNeeded = false) {
|
||||
if (storeName in this.storeMap) {
|
||||
const store = this.storeMap[storeName];
|
||||
// reset all
|
||||
if (keyList.length === 0) {
|
||||
keyList = Object.keys(store === null || store === void 0 ? void 0 : store.store);
|
||||
}
|
||||
store.reset(keyList);
|
||||
if (isNotificationNeeded) {
|
||||
keyList.forEach((key) => {
|
||||
this.notify(storeName, key);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
// 批量修改多个 key-value
|
||||
updateStore(params, name) {
|
||||
const storeName = name ? name : index_1.StoreName.CALL;
|
||||
Object.keys(params).forEach((key) => {
|
||||
this.update(storeName, key, params[key]);
|
||||
});
|
||||
}
|
||||
}
|
||||
exports.default = TUIStore;
|
||||
+93
@@ -0,0 +1,93 @@
|
||||
/**
|
||||
* @property {String} call 1v1 通话 + 群组通话
|
||||
* @property {String} CUSTOM 自定义 Store
|
||||
*/
|
||||
export declare enum StoreName {
|
||||
CALL = "call",
|
||||
CUSTOM = "custom"
|
||||
}
|
||||
/**
|
||||
* @property {String} idle 空闲
|
||||
* @property {String} connecting 呼叫等待中
|
||||
* @property {String} connected 通话中
|
||||
*/
|
||||
export declare enum CallMediaType {
|
||||
UNKNOWN = 0,
|
||||
AUDIO = 1,
|
||||
VIDEO = 2
|
||||
}
|
||||
/**
|
||||
* @property {String} caller 主叫
|
||||
* @property {String} callee 被叫
|
||||
*/
|
||||
export declare enum CallRole {
|
||||
UNKNOWN = "unknown",
|
||||
CALLEE = "callee",
|
||||
CALLER = "caller"
|
||||
}
|
||||
/**
|
||||
* @property {String} idle 空闲
|
||||
* @property {String} calling 呼叫等待中
|
||||
* @property {String} connected 通话中
|
||||
*/
|
||||
export declare enum CallStatus {
|
||||
IDLE = "idle",
|
||||
CALLING = "calling",
|
||||
CONNECTED = "connected"
|
||||
}
|
||||
/**
|
||||
* 视频画面显示模式
|
||||
* 播放视频流默认使用 cover 模式; 播放屏幕共享流默认使用 contain 模式。
|
||||
* @property {String} contain 优先保证视频内容全部显示。视频尺寸等比缩放，直至视频窗口的一边与视窗边框对齐。如果视频尺寸与显示视窗尺寸不一致，在保持长宽比的前提下，将视频进行缩放后填满视窗，缩放后的视频四周会有一圈黑边。
|
||||
* @property {String} cover 优先保证视窗被填满。视频尺寸等比缩放，直至整个视窗被视频填满。如果视频长宽与显示窗口不同，则视频流会按照显示视窗的比例进行周边裁剪或图像拉伸后填满视窗
|
||||
* @property {String} fill 保证视窗被填满的同时保证视频内容全部显示，但是不保证视频尺寸比例不变。视频的宽高会被拉伸至和视窗尺寸一致。(该选项值自 v4.12.1 开始支持)
|
||||
*/
|
||||
export declare enum VideoDisplayMode {
|
||||
CONTAIN = "contain",
|
||||
COVER = "cover",
|
||||
FILL = "fill"
|
||||
}
|
||||
/**
|
||||
* 视频分辨率
|
||||
* @property {String} 480p
|
||||
* @property {String} 720p
|
||||
* @property {String} 1080p
|
||||
*/
|
||||
export declare enum VideoResolution {
|
||||
RESOLUTION_480P = "480p",
|
||||
RESOLUTION_720P = "720p",
|
||||
RESOLUTION_1080P = "1080p"
|
||||
}
|
||||
export declare enum LanguageType {
|
||||
EN = "en",
|
||||
'ZH-CN' = "zh-cn",
|
||||
JA_JP = "ja_JP"
|
||||
}
|
||||
export type TDeviceList = {
|
||||
cameraList: any[];
|
||||
microphoneList: any[];
|
||||
currentCamera: any;
|
||||
currentMicrophone: any;
|
||||
};
|
||||
export declare const StatusChange: {
|
||||
readonly IDLE: "idle";
|
||||
readonly BE_INVITED: "be-invited";
|
||||
readonly DIALING_C2C: "dialing-c2c";
|
||||
readonly DIALING_GROUP: "dialing-group";
|
||||
readonly CALLING_C2C_AUDIO: "calling-c2c-audio";
|
||||
readonly CALLING_C2C_VIDEO: "calling-c2c-video";
|
||||
readonly CALLING_GROUP_AUDIO: "calling-group-audio";
|
||||
readonly CALLING_GROUP_VIDEO: "calling-group-video";
|
||||
};
|
||||
/**
|
||||
* @property {String} ear 听筒
|
||||
* @property {String} speaker 免提
|
||||
*/
|
||||
export declare enum AudioPlayBackDevice {
|
||||
EAR = "ear",
|
||||
SPEAKER = "speaker"
|
||||
}
|
||||
export declare enum DeviceType {
|
||||
MICROPHONE = "microphone",
|
||||
CAMERA = "camera"
|
||||
}
|
||||
+104
@@ -0,0 +1,104 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.DeviceType = exports.AudioPlayBackDevice = exports.StatusChange = exports.LanguageType = exports.VideoResolution = exports.VideoDisplayMode = exports.CallStatus = exports.CallRole = exports.CallMediaType = exports.StoreName = void 0;
|
||||
/**
|
||||
* @property {String} call 1v1 通话 + 群组通话
|
||||
* @property {String} CUSTOM 自定义 Store
|
||||
*/
|
||||
var StoreName;
|
||||
(function (StoreName) {
|
||||
StoreName["CALL"] = "call";
|
||||
StoreName["CUSTOM"] = "custom";
|
||||
})(StoreName = exports.StoreName || (exports.StoreName = {}));
|
||||
/**
|
||||
* @property {String} idle 空闲
|
||||
* @property {String} connecting 呼叫等待中
|
||||
* @property {String} connected 通话中
|
||||
*/
|
||||
var CallMediaType;
|
||||
(function (CallMediaType) {
|
||||
CallMediaType[CallMediaType["UNKNOWN"] = 0] = "UNKNOWN";
|
||||
CallMediaType[CallMediaType["AUDIO"] = 1] = "AUDIO";
|
||||
CallMediaType[CallMediaType["VIDEO"] = 2] = "VIDEO";
|
||||
})(CallMediaType = exports.CallMediaType || (exports.CallMediaType = {}));
|
||||
/**
|
||||
* @property {String} caller 主叫
|
||||
* @property {String} callee 被叫
|
||||
*/
|
||||
var CallRole;
|
||||
(function (CallRole) {
|
||||
CallRole["UNKNOWN"] = "unknown";
|
||||
CallRole["CALLEE"] = "callee";
|
||||
CallRole["CALLER"] = "caller";
|
||||
})(CallRole = exports.CallRole || (exports.CallRole = {}));
|
||||
/**
|
||||
* @property {String} idle 空闲
|
||||
* @property {String} calling 呼叫等待中
|
||||
* @property {String} connected 通话中
|
||||
*/
|
||||
var CallStatus;
|
||||
(function (CallStatus) {
|
||||
CallStatus["IDLE"] = "idle";
|
||||
CallStatus["CALLING"] = "calling";
|
||||
CallStatus["CONNECTED"] = "connected";
|
||||
})(CallStatus = exports.CallStatus || (exports.CallStatus = {}));
|
||||
/**
|
||||
* 视频画面显示模式
|
||||
* 播放视频流默认使用 cover 模式; 播放屏幕共享流默认使用 contain 模式。
|
||||
* @property {String} contain 优先保证视频内容全部显示。视频尺寸等比缩放，直至视频窗口的一边与视窗边框对齐。如果视频尺寸与显示视窗尺寸不一致，在保持长宽比的前提下，将视频进行缩放后填满视窗，缩放后的视频四周会有一圈黑边。
|
||||
* @property {String} cover 优先保证视窗被填满。视频尺寸等比缩放，直至整个视窗被视频填满。如果视频长宽与显示窗口不同，则视频流会按照显示视窗的比例进行周边裁剪或图像拉伸后填满视窗
|
||||
* @property {String} fill 保证视窗被填满的同时保证视频内容全部显示，但是不保证视频尺寸比例不变。视频的宽高会被拉伸至和视窗尺寸一致。(该选项值自 v4.12.1 开始支持)
|
||||
*/
|
||||
var VideoDisplayMode;
|
||||
(function (VideoDisplayMode) {
|
||||
VideoDisplayMode["CONTAIN"] = "contain";
|
||||
VideoDisplayMode["COVER"] = "cover";
|
||||
VideoDisplayMode["FILL"] = "fill";
|
||||
})(VideoDisplayMode = exports.VideoDisplayMode || (exports.VideoDisplayMode = {}));
|
||||
/**
|
||||
* 视频分辨率
|
||||
* @property {String} 480p
|
||||
* @property {String} 720p
|
||||
* @property {String} 1080p
|
||||
*/
|
||||
var VideoResolution;
|
||||
(function (VideoResolution) {
|
||||
VideoResolution["RESOLUTION_480P"] = "480p";
|
||||
VideoResolution["RESOLUTION_720P"] = "720p";
|
||||
VideoResolution["RESOLUTION_1080P"] = "1080p";
|
||||
})(VideoResolution = exports.VideoResolution || (exports.VideoResolution = {}));
|
||||
// 支持的语言
|
||||
var LanguageType;
|
||||
(function (LanguageType) {
|
||||
LanguageType["EN"] = "en";
|
||||
LanguageType["ZH-CN"] = "zh-cn";
|
||||
LanguageType["JA_JP"] = "ja_JP";
|
||||
})(LanguageType = exports.LanguageType || (exports.LanguageType = {}));
|
||||
/* === 【原来 TUICallKit 对外暴露】=== */
|
||||
// 原来 web callKit 定义通知外部状态变更的变量, 对外暴露
|
||||
exports.StatusChange = {
|
||||
IDLE: "idle",
|
||||
BE_INVITED: "be-invited",
|
||||
DIALING_C2C: "dialing-c2c",
|
||||
DIALING_GROUP: "dialing-group",
|
||||
CALLING_C2C_AUDIO: "calling-c2c-audio",
|
||||
CALLING_C2C_VIDEO: "calling-c2c-video",
|
||||
CALLING_GROUP_AUDIO: "calling-group-audio",
|
||||
CALLING_GROUP_VIDEO: "calling-group-video",
|
||||
};
|
||||
/* === 【小程序使用】=== */
|
||||
/**
|
||||
* @property {String} ear 听筒
|
||||
* @property {String} speaker 免提
|
||||
*/
|
||||
var AudioPlayBackDevice;
|
||||
(function (AudioPlayBackDevice) {
|
||||
AudioPlayBackDevice["EAR"] = "ear";
|
||||
AudioPlayBackDevice["SPEAKER"] = "speaker";
|
||||
})(AudioPlayBackDevice = exports.AudioPlayBackDevice || (exports.AudioPlayBackDevice = {}));
|
||||
;
|
||||
var DeviceType;
|
||||
(function (DeviceType) {
|
||||
DeviceType["MICROPHONE"] = "microphone";
|
||||
DeviceType["CAMERA"] = "camera";
|
||||
})(DeviceType = exports.DeviceType || (exports.DeviceType = {}));
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
export declare const ErrorCode: any;
|
||||
export declare const ErrorMessage: any;
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.ErrorMessage = exports.ErrorCode = void 0;
|
||||
// 错误码
|
||||
exports.ErrorCode = {
|
||||
SWITCH_TO_AUDIO_CALL_FAILED: 60001,
|
||||
SWITCH_TO_VIDEO_CALL_FAILED: 60002,
|
||||
MICROPHONE_UNAVAILABLE: 60003,
|
||||
CAMERA_UNAVAILABLE: 60004,
|
||||
BAN_DEVICE: 60005,
|
||||
NOT_SUPPORTED_WEBRTC: 60006,
|
||||
ERROR_BLACKLIST: 20007,
|
||||
};
|
||||
exports.ErrorMessage = {
|
||||
SWITCH_TO_AUDIO_CALL_FAILED: 'switchToAudioCall-call-failed',
|
||||
SWITCH_TO_VIDEO_CALL_FAILED: 'switchToVideoCall-call-failed',
|
||||
MICROPHONE_UNAVAILABLE: 'microphone-unavailable',
|
||||
CAMERA_UNAVAILABLE: 'camera-unavailable',
|
||||
BAN_DEVICE: 'ban-device',
|
||||
NOT_SUPPORTED_WEBRTC: 'not-supported-webrtc',
|
||||
ERROR_BLACKLIST: 'blacklist-user-tips'
|
||||
};
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
export * from './call';
|
||||
export * from './error';
|
||||
export * from './log';
|
||||
export declare const CALL_DATA_KEY: any;
|
||||
export declare const NAME: any;
|
||||
export declare const AudioCallIcon = "https://web.sdk.qcloud.com/component/TUIKit/assets/call.png";
|
||||
export declare const VideoCallIcon = "https://web.sdk.qcloud.com/component/TUIKit/assets/call-video-reverse.svg";
|
||||
export declare const MAX_NUMBER_ROOM_ID = 2147483647;
|
||||
export declare enum PLATFORM {
|
||||
MAC = "mac",
|
||||
WIN = "win"
|
||||
}
|
||||
+60
@@ -0,0 +1,60 @@
|
||||
"use strict";
|
||||
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||||
desc = { enumerable: true, get: function() { return m[k]; } };
|
||||
}
|
||||
Object.defineProperty(o, k2, desc);
|
||||
}) : (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
o[k2] = m[k];
|
||||
}));
|
||||
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
||||
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.PLATFORM = exports.MAX_NUMBER_ROOM_ID = exports.VideoCallIcon = exports.AudioCallIcon = exports.NAME = exports.CALL_DATA_KEY = void 0;
|
||||
__exportStar(require("./call"), exports);
|
||||
__exportStar(require("./error"), exports);
|
||||
__exportStar(require("./log"), exports);
|
||||
// import { keys } from 'ts-transformer-keys';
|
||||
// import { ICallStore } from '../interface/store';
|
||||
// console.warn('--> ', keys<ICallStore>())
|
||||
exports.CALL_DATA_KEY = {
|
||||
CALL_STATUS: 'callStatus',
|
||||
CALL_ROLE: 'callRole',
|
||||
CALL_MEDIA_TYPE: 'callMediaType',
|
||||
LOCAL_USER_INFO: 'localUserInfo',
|
||||
REMOTE_USER_INFO_LIST: 'remoteUserInfoList',
|
||||
CALLER_USER_INFO: 'callerUserInfo',
|
||||
IS_GROUP: 'isGroup',
|
||||
CALL_DURATION: 'callDuration',
|
||||
CALL_TIPS: 'callTips',
|
||||
TOAST_INFO: 'toastInfo',
|
||||
IS_MINIMIZED: 'isMinimized',
|
||||
ENABLE_FLOAT_WINDOW: 'enableFloatWindow',
|
||||
BIG_SCREEN_USER_ID: 'bigScreenUserId',
|
||||
LANGUAGE: 'language',
|
||||
IS_CLICKABLE: 'isClickable',
|
||||
DISPLAY_MODE: 'displayMode',
|
||||
VIDEO_RESOLUTION: 'videoResolution',
|
||||
PUSHER: 'pusher',
|
||||
PLAYER: 'player',
|
||||
IS_EAR_PHONE: 'isEarPhone',
|
||||
SHOW_PERMISSION_TIP: 'SHOW_PERMISSION_TIP',
|
||||
GROUP_ID: 'groupID',
|
||||
ROOM_ID: 'roomID',
|
||||
SHOW_SELECT_USER: 'showSelectUser',
|
||||
};
|
||||
exports.NAME = Object.assign({ PREFIX: '【CallService】', AUDIO: 'audio', VIDEO: 'video', LOCAL_VIDEO: 'localVideo', ERROR: 'error', TIMEOUT: 'timeout', RAF: 'raf', INTERVAL: 'interval', DEFAULT: 'default', BOOLEAN: 'boolean', STRING: 'string', NUMBER: 'number', OBJECT: 'object', ARRAY: 'array', FUNCTION: 'function', UNDEFINED: "undefined", ALL: 'all', MYSELF: 'myself', DEVICE_LIST: 'deviceList' }, exports.CALL_DATA_KEY);
|
||||
exports.AudioCallIcon = 'https://web.sdk.qcloud.com/component/TUIKit/assets/call.png';
|
||||
exports.VideoCallIcon = 'https://web.sdk.qcloud.com/component/TUIKit/assets/call-video-reverse.svg';
|
||||
exports.MAX_NUMBER_ROOM_ID = 2147483647;
|
||||
var PLATFORM;
|
||||
(function (PLATFORM) {
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
PLATFORM["MAC"] = "mac";
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
PLATFORM["WIN"] = "win";
|
||||
})(PLATFORM = exports.PLATFORM || (exports.PLATFORM = {}));
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
export declare enum LOG_LEVEL {
|
||||
NORMAL = 0,
|
||||
RELEASE = 1,
|
||||
WARNING = 2,
|
||||
ERROR = 3,
|
||||
NONE = 4
|
||||
}
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.LOG_LEVEL = void 0;
|
||||
/* eslint-disable */
|
||||
// 唯一一个变量格式有问题的, 但是为了和原来 TUICallKit 对外暴露的保持一致
|
||||
var LOG_LEVEL;
|
||||
(function (LOG_LEVEL) {
|
||||
LOG_LEVEL[LOG_LEVEL["NORMAL"] = 0] = "NORMAL";
|
||||
LOG_LEVEL[LOG_LEVEL["RELEASE"] = 1] = "RELEASE";
|
||||
LOG_LEVEL[LOG_LEVEL["WARNING"] = 2] = "WARNING";
|
||||
LOG_LEVEL[LOG_LEVEL["ERROR"] = 3] = "ERROR";
|
||||
LOG_LEVEL[LOG_LEVEL["NONE"] = 4] = "NONE";
|
||||
})(LOG_LEVEL = exports.LOG_LEVEL || (exports.LOG_LEVEL = {}));
|
||||
+5
@@ -0,0 +1,5 @@
|
||||
import TUICallService, { TUIGlobal, TUIStore } from './CallService/index';
|
||||
import { StoreName, NAME, CallRole, CallMediaType, CallStatus, StatusChange, VideoResolution, VideoDisplayMode, AudioPlayBackDevice } from './const/index';
|
||||
import { t } from './locales/index';
|
||||
declare const TUICallKitServer: TUICallService;
|
||||
export { TUIGlobal, TUIStore, StoreName, TUICallKitServer, NAME, CallStatus, CallRole, CallMediaType, StatusChange, VideoResolution, VideoDisplayMode, AudioPlayBackDevice, t, };
|
||||
+44
@@ -0,0 +1,44 @@
|
||||
"use strict";
|
||||
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||||
desc = { enumerable: true, get: function() { return m[k]; } };
|
||||
}
|
||||
Object.defineProperty(o, k2, desc);
|
||||
}) : (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
o[k2] = m[k];
|
||||
}));
|
||||
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
||||
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
||||
}) : function(o, v) {
|
||||
o["default"] = v;
|
||||
});
|
||||
var __importStar = (this && this.__importStar) || function (mod) {
|
||||
if (mod && mod.__esModule) return mod;
|
||||
var result = {};
|
||||
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
||||
__setModuleDefault(result, mod);
|
||||
return result;
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.t = exports.AudioPlayBackDevice = exports.VideoDisplayMode = exports.VideoResolution = exports.StatusChange = exports.CallMediaType = exports.CallRole = exports.CallStatus = exports.NAME = exports.TUICallKitServer = exports.StoreName = exports.TUIStore = exports.TUIGlobal = void 0;
|
||||
const index_1 = __importStar(require("./CallService/index"));
|
||||
Object.defineProperty(exports, "TUIGlobal", { enumerable: true, get: function () { return index_1.TUIGlobal; } });
|
||||
Object.defineProperty(exports, "TUIStore", { enumerable: true, get: function () { return index_1.TUIStore; } });
|
||||
const index_2 = require("./const/index");
|
||||
Object.defineProperty(exports, "StoreName", { enumerable: true, get: function () { return index_2.StoreName; } });
|
||||
Object.defineProperty(exports, "NAME", { enumerable: true, get: function () { return index_2.NAME; } });
|
||||
Object.defineProperty(exports, "CallRole", { enumerable: true, get: function () { return index_2.CallRole; } });
|
||||
Object.defineProperty(exports, "CallMediaType", { enumerable: true, get: function () { return index_2.CallMediaType; } });
|
||||
Object.defineProperty(exports, "CallStatus", { enumerable: true, get: function () { return index_2.CallStatus; } });
|
||||
Object.defineProperty(exports, "StatusChange", { enumerable: true, get: function () { return index_2.StatusChange; } });
|
||||
Object.defineProperty(exports, "VideoResolution", { enumerable: true, get: function () { return index_2.VideoResolution; } });
|
||||
Object.defineProperty(exports, "VideoDisplayMode", { enumerable: true, get: function () { return index_2.VideoDisplayMode; } });
|
||||
Object.defineProperty(exports, "AudioPlayBackDevice", { enumerable: true, get: function () { return index_2.AudioPlayBackDevice; } });
|
||||
const index_3 = require("./locales/index");
|
||||
Object.defineProperty(exports, "t", { enumerable: true, get: function () { return index_3.t; } });
|
||||
// 实例化
|
||||
const TUICallKitServer = index_1.default.getInstance();
|
||||
exports.TUICallKitServer = TUICallKitServer;
|
||||
Generated
Vendored
+93
@@ -0,0 +1,93 @@
|
||||
import { CallStatus, CallRole } from '../const/index';
|
||||
/**
|
||||
* @interface ITUICallService
|
||||
*/
|
||||
export interface ITUICallService {
|
||||
/**
|
||||
* 初始化 Service
|
||||
* @function
|
||||
* @private
|
||||
*/
|
||||
init(params: any): void;
|
||||
/**
|
||||
* 1v1 通话
|
||||
* @function
|
||||
* @param {SwitchUserStatusParams} options 用户状态控制参数
|
||||
*/
|
||||
call(callParams: ICallParams): void;
|
||||
}
|
||||
type SDKAppID = {
|
||||
SDKAppID: number;
|
||||
} | {
|
||||
sdkAppID: number;
|
||||
};
|
||||
export interface IInitParamsBase {
|
||||
userID: string;
|
||||
userSig: string;
|
||||
tim?: any;
|
||||
isFromChat?: boolean;
|
||||
}
|
||||
export type IInitParams = IInitParamsBase & SDKAppID;
|
||||
export interface ICallParams {
|
||||
userID: string;
|
||||
type: number;
|
||||
roomID?: number;
|
||||
userData?: string;
|
||||
timeout?: number;
|
||||
offlinePushInfo?: IOfflinePushInfo;
|
||||
}
|
||||
export interface IGroupCallParams {
|
||||
userIDList: Array<string>;
|
||||
type: number;
|
||||
groupID: string;
|
||||
roomID?: number;
|
||||
userData?: string;
|
||||
timeout?: number;
|
||||
offlinePushInfo?: IOfflinePushInfo;
|
||||
}
|
||||
export interface IUserInfo {
|
||||
userId: string;
|
||||
nick?: string;
|
||||
avatar?: string;
|
||||
remark?: string;
|
||||
displayUserInfo?: string;
|
||||
isAudioAvailable?: boolean;
|
||||
isVideoAvailable?: boolean;
|
||||
volume?: number;
|
||||
isEnter?: boolean;
|
||||
domId?: string;
|
||||
}
|
||||
export interface IOfflinePushInfo {
|
||||
title?: string;
|
||||
description?: string;
|
||||
androidOPPOChannelID?: string;
|
||||
extension: String;
|
||||
}
|
||||
export interface ICallbackParam {
|
||||
beforeCalling?: (...args: any[]) => void;
|
||||
afterCalling?: (...args: any[]) => void;
|
||||
onMinimized?: (...args: any[]) => void;
|
||||
onMessageSentByMe?: (...args: any[]) => void;
|
||||
kickedOut?: (...args: any[]) => void;
|
||||
statusChanged?: (...args: any[]) => void;
|
||||
}
|
||||
export interface ISelfInfoParams {
|
||||
nickName: string;
|
||||
avatar: string;
|
||||
}
|
||||
export interface IBellParams {
|
||||
callRole?: CallRole;
|
||||
callStatus?: CallStatus;
|
||||
isMuteBell?: boolean;
|
||||
calleeBellFilePath?: string;
|
||||
}
|
||||
export interface IInviteUserParams {
|
||||
userIDList: string[];
|
||||
offlinePushInfo?: IOfflinePushInfo;
|
||||
}
|
||||
export interface IJoinInGroupCallParams {
|
||||
type: number;
|
||||
groupID: string;
|
||||
roomID: number;
|
||||
}
|
||||
export {};
|
||||
Generated
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
Generated
Vendored
+33
@@ -0,0 +1,33 @@
|
||||
import { CallStatus, CallRole, CallMediaType, VideoDisplayMode, VideoResolution, TDeviceList } from '../const/index';
|
||||
import { IUserInfo } from './index';
|
||||
export interface IToastInfo {
|
||||
text: string;
|
||||
type?: string;
|
||||
}
|
||||
export interface ICallStore {
|
||||
callStatus: CallStatus;
|
||||
callRole: CallRole;
|
||||
callMediaType: CallMediaType;
|
||||
localUserInfo: IUserInfo;
|
||||
remoteUserInfoList: Array<IUserInfo>;
|
||||
callerUserInfo: IUserInfo;
|
||||
isGroup: boolean;
|
||||
callDuration: string;
|
||||
callTips: string;
|
||||
toastInfo: IToastInfo;
|
||||
isMinimized: boolean;
|
||||
enableFloatWindow: boolean;
|
||||
bigScreenUserId: string;
|
||||
language: string;
|
||||
isClickable: boolean;
|
||||
showPermissionTip: boolean;
|
||||
deviceList: TDeviceList;
|
||||
groupID: string;
|
||||
roomID: number;
|
||||
displayMode: VideoDisplayMode;
|
||||
videoResolution: VideoResolution;
|
||||
pusher: any;
|
||||
player: any[];
|
||||
isEarPhone: boolean;
|
||||
showSelectUser: boolean;
|
||||
}
|
||||
Generated
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
Generated
Vendored
+36
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* @interface TUIGlobal
|
||||
* @property {Object} global 根据运行环境代理 wx、uni、window
|
||||
* @property {Boolean} isPC true 标识是 pc 网页
|
||||
* @property {Boolean} isH5 true 标识是 手机 H5
|
||||
* @property {Boolean} isWeChat true 标识是 微信小程序
|
||||
* @property {Boolean} isApp true 标识是 uniapp 打包的 native app
|
||||
* @property {Boolean} isUniPlatform true 标识当前应用是通过 uniapp 平台打包的产物
|
||||
* @property {Boolean} isOfficial true 标识是腾讯云官网 Demo 应用
|
||||
* @property {Boolean} isWIN true 标识是window系统pc
|
||||
* @property {Boolean} isMAC true 标识是mac os系统pc
|
||||
*/
|
||||
export interface ITUIGlobal {
|
||||
global: any;
|
||||
isPC: boolean;
|
||||
isH5: boolean;
|
||||
isWeChat: boolean;
|
||||
isApp: boolean;
|
||||
isUniPlatform: boolean;
|
||||
isOfficial: boolean;
|
||||
isWIN: boolean;
|
||||
isMAC: boolean;
|
||||
/**
|
||||
* 初始化 TUIGlobal 环境变量
|
||||
* @function
|
||||
* @private
|
||||
*/
|
||||
initEnv(): void;
|
||||
/**
|
||||
* 初始化 isOfficial
|
||||
* @function
|
||||
* @param {number} SDKAppID 当前实例的应用 SDKAppID
|
||||
* @private
|
||||
*/
|
||||
initOfficial(SDKAppID: number): void;
|
||||
}
|
||||
Generated
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
Generated
Vendored
+75
@@ -0,0 +1,75 @@
|
||||
import { StoreName } from '../const/index';
|
||||
export type Task = Record<StoreName, Record<string, Map<(data?: unknown) => void, 1>>>;
|
||||
export interface IOptions {
|
||||
[key: string]: (newData?: any) => void;
|
||||
}
|
||||
/**
|
||||
* @class TUIStore
|
||||
* @property {ICustomStore} customStore 自定义 store，可根据业务需要通过以下 API 进行数据操作。
|
||||
*/
|
||||
export interface ITUIStore {
|
||||
task: Task;
|
||||
/**
|
||||
* UI 组件注册监听
|
||||
* @function
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {IOptions} options UI 组件注册的监听信息
|
||||
* @param {Object} params 扩展参数
|
||||
* @param {String} params.notifyRangeWhenWatch 注册时监听时的通知范围
|
||||
* @example
|
||||
* // UI 层监听会话列表更新通知
|
||||
* let onConversationListUpdated = function(conversationList) {
|
||||
* console.warn(conversationList);
|
||||
* }
|
||||
* TUIStore.watch(StoreName.CONV, {
|
||||
* conversationList: onConversationListUpdated,
|
||||
* })
|
||||
*/
|
||||
watch(storeName: StoreName, options: IOptions, params?: any): void;
|
||||
/**
|
||||
* UI 组件取消监听回调
|
||||
* @function
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {IOptions} options 监听信息，包含需要取消的回调等
|
||||
* @example
|
||||
* // UI 层取消监听会话列表更新通知
|
||||
* TUIStore.unwatch(StoreName.CONV, {
|
||||
* conversationList: onConversationListUpdated,
|
||||
* })
|
||||
*/
|
||||
unwatch(storeName: StoreName, options: IOptions | string): void;
|
||||
/**
|
||||
* 获取 store 中的数据
|
||||
* @function
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {String} key 需要获取的 key
|
||||
* @private
|
||||
*/
|
||||
getData(storeName: StoreName, key: string): any;
|
||||
/**
|
||||
* 更新 store
|
||||
* - 需要使用自定义 store 时可以用此 API 更新自定义数据
|
||||
* @function
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {String} key 需要更新的 key
|
||||
* @example
|
||||
* // UI 层更新自定义 Store 数据
|
||||
* TUIStore.update(StoreName.CUSTOM, 'customKey', 'customData')
|
||||
*/
|
||||
update(storeName: StoreName, key: string, data: unknown): void;
|
||||
/**
|
||||
* 重置 store 内数据
|
||||
* @function
|
||||
* @param {StoreName} storeName store 名称
|
||||
* @param {Array<string>} keyList 需要 reset 的 keyList
|
||||
* @param {boolean} isNotificationNeeded 是否需要触发更新
|
||||
* @private
|
||||
*/
|
||||
reset: (storeName: StoreName, keyList?: Array<string>, isNotificationNeeded?: boolean) => void;
|
||||
/**
|
||||
* 修改多个 key-value
|
||||
* @param {Object} params 多个 key-value 组成的 object
|
||||
* @param {StoreName} storeName store 名称
|
||||
*/
|
||||
updateStore: (params: any, name?: StoreName) => void;
|
||||
}
|
||||
Generated
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
export * from './ICallService';
|
||||
export * from './ICallStore';
|
||||
export * from './ITUIGlobal';
|
||||
export * from './ITUIStore';
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
"use strict";
|
||||
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||||
desc = { enumerable: true, get: function() { return m[k]; } };
|
||||
}
|
||||
Object.defineProperty(o, k2, desc);
|
||||
}) : (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
o[k2] = m[k];
|
||||
}));
|
||||
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
||||
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
__exportStar(require("./ICallService"), exports);
|
||||
__exportStar(require("./ICallStore"), exports);
|
||||
__exportStar(require("./ITUIGlobal"), exports);
|
||||
__exportStar(require("./ITUIStore"), exports);
|
||||
+90
@@ -0,0 +1,90 @@
|
||||
export declare const en: {
|
||||
hangup: string;
|
||||
reject: string;
|
||||
'other side reject call': string;
|
||||
'reject call': string;
|
||||
accept: string;
|
||||
cancel: string;
|
||||
'other side line busy': string;
|
||||
'in busy': string;
|
||||
'call timeout': string;
|
||||
'no response from the other side': string;
|
||||
'end call': string;
|
||||
timeout: string;
|
||||
'kick out': string;
|
||||
'caller calling message': string;
|
||||
'callee calling video message': string;
|
||||
'callee calling audio message': string;
|
||||
'no microphone access': string;
|
||||
'no camera access': string;
|
||||
'invite member': string;
|
||||
speaker: string;
|
||||
'Invited group call': string;
|
||||
'Those involved': string;
|
||||
call: string;
|
||||
'video-call': string;
|
||||
'audio-call': string;
|
||||
search: string;
|
||||
'search-result': string;
|
||||
'no-user': string;
|
||||
'member-not-added': string;
|
||||
'input-phone-userID': string;
|
||||
'not-login': string;
|
||||
'login-status-expire': string;
|
||||
'experience-multi-call': string;
|
||||
'not-support-multi-call': string;
|
||||
userID: string;
|
||||
'already-enter': string;
|
||||
waiting: string;
|
||||
'camera-opened': string;
|
||||
'camera-closed': string;
|
||||
'microphone-opened': string;
|
||||
'microphone-closed': string;
|
||||
camera: string;
|
||||
microphone: string;
|
||||
'image-resolution': string;
|
||||
'default-image-resolution': string;
|
||||
'invited-person': string;
|
||||
'video-to-audio': string;
|
||||
me: string;
|
||||
'be-rejected': string;
|
||||
'be-no-response': string;
|
||||
'be-line-busy': string;
|
||||
'be-canceled': string;
|
||||
'voice-call-end': string;
|
||||
'video-call-end': string;
|
||||
'method-call-failed': string;
|
||||
'failed-to-obtain-permission': string;
|
||||
'environment-detection-failed': string;
|
||||
'switchToAudioCall-call-failed': string;
|
||||
'switchToVideoCall-call-failed': string;
|
||||
'microphone-unavailable': string;
|
||||
'camera-unavailable': string;
|
||||
'ban-device': string;
|
||||
'not-supported-webrtc': string;
|
||||
'blacklist-user-tips': string;
|
||||
'is-already-calling': string;
|
||||
'need-init': string;
|
||||
"can't call yourself": string;
|
||||
'Use-phone-and-computer': string;
|
||||
'Wechat scan right QR code': string;
|
||||
'Scan the QR code above': string;
|
||||
'accept-error': string;
|
||||
'accept-device-error': string;
|
||||
'call-error': string;
|
||||
'browser-authorization': string;
|
||||
'mac-privacy': string;
|
||||
'win-privacy': string;
|
||||
'mac-preferences': string;
|
||||
'win-preferences': string;
|
||||
'open camera': string;
|
||||
'close camera': string;
|
||||
'open microphone': string;
|
||||
'close microphone': string;
|
||||
'Please enter userID': string;
|
||||
'View more': string;
|
||||
'people selected': string;
|
||||
'Select all': string;
|
||||
Cancel: string;
|
||||
Done: string;
|
||||
};
|
||||
+93
@@ -0,0 +1,93 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.en = void 0;
|
||||
exports.en = {
|
||||
'hangup': 'Hang up',
|
||||
'reject': 'Decline',
|
||||
'other side reject call': 'other side reject call',
|
||||
'reject call': 'Reject Call',
|
||||
'accept': 'Accept',
|
||||
'cancel': 'Cancel Call',
|
||||
'other side line busy': 'other side line busy',
|
||||
'in busy': 'in busy',
|
||||
'call timeout': 'call timeout',
|
||||
'no response from the other side': 'no response from the other side',
|
||||
'end call': 'end call',
|
||||
'timeout': 'timeout',
|
||||
'kick out': 'kick out',
|
||||
'caller calling message': 'Waiting for the callee to accept the invitation...',
|
||||
'callee calling video message': 'You are invited to a video call...',
|
||||
'callee calling audio message': 'You are invited to a audio call...',
|
||||
'no microphone access': 'no microphone access',
|
||||
'no camera access': 'no camera access',
|
||||
'invite member': 'Invite Member',
|
||||
'speaker': 'speaker',
|
||||
'Invited group call': 'Invited you to a group call',
|
||||
'Those involved': 'Those involved in the call are',
|
||||
'call': 'call',
|
||||
'video-call': 'video call',
|
||||
'audio-call': 'audio call',
|
||||
'search': 'search',
|
||||
'search-result': 'search result',
|
||||
'no-user': 'user not found',
|
||||
'member-not-added': 'member not added',
|
||||
'input-phone-userID': 'phone number or userID',
|
||||
'not-login': 'not logged in',
|
||||
'login-status-expire': 'login status is invalid, please refresh the page and try again',
|
||||
'experience-multi-call': 'experience multi-person calls, please download the full-featured demo: ',
|
||||
'not-support-multi-call': 'multi-person call interface is not open',
|
||||
'userID': 'userID',
|
||||
'already-enter': 'entered the call',
|
||||
'waiting': 'Calling...',
|
||||
'camera-opened': 'Camera on',
|
||||
'camera-closed': 'Camera off',
|
||||
'microphone-opened': 'Mic on',
|
||||
'microphone-closed': 'Mic off',
|
||||
'camera': 'Camera',
|
||||
'microphone': 'Microphone',
|
||||
'image-resolution': 'Resolution',
|
||||
'default-image-resolution': 'Default',
|
||||
'invited-person': 'Invite',
|
||||
'video-to-audio': 'Switch to audio',
|
||||
'me': '(me)',
|
||||
'be-rejected': 'Call declined, ',
|
||||
'be-no-response': 'No response, ',
|
||||
'be-line-busy': 'Line busy, ',
|
||||
'be-canceled': 'The call is canceled, ',
|
||||
'voice-call-end': 'Voice call ended',
|
||||
'video-call-end': 'Video call ended',
|
||||
'method-call-failed': 'Failed to sync the operation',
|
||||
'failed-to-obtain-permission': 'Failed to obtain permissions',
|
||||
'environment-detection-failed': 'Failed to check the environment',
|
||||
'switchToAudioCall-call-failed': 'switch to audio call method failed',
|
||||
'switchToVideoCall-call-failed': 'switch to video call method failed',
|
||||
'microphone-unavailable': 'No mic found',
|
||||
'camera-unavailable': 'No camera found',
|
||||
'ban-device': 'Device access denied',
|
||||
'not-supported-webrtc': 'Your current environment does not support WebRTC',
|
||||
'blacklist-user-tips': 'The identifier is in blacklist. Failed to send this message!',
|
||||
'is-already-calling': 'TUICallKit is already on a call',
|
||||
'need-init': 'Before initiating a call with TUICallKit, ensure that the TUICallKitServer.init() method has executed successfully. ',
|
||||
"can't call yourself": "Can't call yourself",
|
||||
'Use-phone-and-computer': 'Use your mobile phone and computer to experience video calls',
|
||||
'Wechat scan right QR code': 'Wechat scan right QR code',
|
||||
'Scan the QR code above': 'Scan the QR code above',
|
||||
'accept-error': 'Accept failed',
|
||||
'accept-device-error': 'Accept failed, unable to auth calling device',
|
||||
'call-error': 'Start call failed',
|
||||
'browser-authorization': 'Browser authorization',
|
||||
'mac-privacy': 'System Preferences -> Security and Privacy -> Privacy',
|
||||
'win-privacy': 'Setting -> Privacy and Security -> App permissions',
|
||||
'mac-preferences': 'Open System Preferences',
|
||||
'win-preferences': 'Open Setting',
|
||||
'open camera': 'Open Camera',
|
||||
'close camera': 'Close Camera',
|
||||
'open microphone': 'Open Microphone',
|
||||
'close microphone': 'Close Microphone',
|
||||
'Please enter userID': 'Please enter userID',
|
||||
'View more': 'View more',
|
||||
'people selected': 'people selected',
|
||||
'Select all': 'Select all',
|
||||
'Cancel': 'Cancel',
|
||||
'Done': 'Done',
|
||||
};
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
export declare const CallTips: any;
|
||||
export declare const languageData: languageDataType;
|
||||
export declare function t(key: any): string;
|
||||
interface languageItemType {
|
||||
[key: string]: string;
|
||||
}
|
||||
interface languageDataType {
|
||||
[key: string]: languageItemType;
|
||||
}
|
||||
export {};
|
||||
+51
@@ -0,0 +1,51 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.t = exports.languageData = exports.CallTips = void 0;
|
||||
const index_1 = require("../CallService/index");
|
||||
const index_2 = require("../const/index");
|
||||
const en_1 = require("./en");
|
||||
const zh_cn_1 = require("./zh-cn");
|
||||
const ja_JP_1 = require("./ja_JP");
|
||||
exports.CallTips = {
|
||||
OTHER_SIDE: 'other side',
|
||||
CANCEL: 'cancel',
|
||||
OTHER_SIDE_REJECT_CALL: 'other side reject call',
|
||||
REJECT_CALL: 'reject call',
|
||||
OTHER_SIDE_LINE_BUSY: 'other side line busy',
|
||||
IN_BUSY: 'in busy',
|
||||
CALL_TIMEOUT: 'call timeout',
|
||||
END_CALL: 'end call',
|
||||
TIMEOUT: 'timeout',
|
||||
KICK_OUT: 'kick out',
|
||||
CALLER_CALLING_MSG: 'caller calling message',
|
||||
CALLEE_CALLING_VIDEO_MSG: 'callee calling video message',
|
||||
CALLEE_CALLING_AUDIO_MSG: 'callee calling audio message',
|
||||
NO_MICROPHONE_DEVICE_PERMISSION: 'no microphone access',
|
||||
NO_CAMERA_DEVICE_PERMISSION: 'no camera access',
|
||||
};
|
||||
exports.languageData = {
|
||||
en: en_1.en,
|
||||
'zh-cn': zh_cn_1.zh,
|
||||
ja_JP: ja_JP_1.ja_JP,
|
||||
};
|
||||
// language translate
|
||||
function t(key) {
|
||||
var _a;
|
||||
const language = index_1.TUIStore.getData(index_2.StoreName.CALL, index_2.NAME.LANGUAGE);
|
||||
// eslint-disable-next-line
|
||||
for (const langKey in exports.languageData) {
|
||||
if (langKey === language) {
|
||||
const currentLanguage = exports.languageData[langKey];
|
||||
// eslint-disable-next-line
|
||||
for (const sentenceKey in currentLanguage) {
|
||||
if (sentenceKey === key) {
|
||||
return currentLanguage[sentenceKey];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
const enString = (_a = key['en']) === null || _a === void 0 ? void 0 : _a.key; // eslint-disable-line
|
||||
console.error(`${index_2.NAME.PREFIX}translation is not found: ${key}.`);
|
||||
return enString;
|
||||
}
|
||||
exports.t = t;
|
||||
+85
@@ -0,0 +1,85 @@
|
||||
export declare const ja_JP: {
|
||||
hangup: string;
|
||||
reject: string;
|
||||
'other side reject call': string;
|
||||
'reject call': string;
|
||||
accept: string;
|
||||
cancel: string;
|
||||
'other side line busy': string;
|
||||
'in busy': string;
|
||||
'call timeout': string;
|
||||
'end call': string;
|
||||
timeout: string;
|
||||
'kick out': string;
|
||||
'caller calling message': string;
|
||||
'callee calling video message': string;
|
||||
'callee calling audio message': string;
|
||||
'no microphone access': string;
|
||||
'no camera access': string;
|
||||
'invite member': string;
|
||||
speaker: string;
|
||||
'Invited group call': string;
|
||||
'Those involved': string;
|
||||
call: string;
|
||||
'video-call': string;
|
||||
'audio-call': string;
|
||||
search: string;
|
||||
'search-result': string;
|
||||
'Wechat scan right QR code': string;
|
||||
'Use-phone-and-computer': string;
|
||||
'Scan the QR code above': string;
|
||||
'no-user': string;
|
||||
'member-not-added': string;
|
||||
'not-login': string;
|
||||
'login-status-expire': string;
|
||||
'experience-multi-call': string;
|
||||
'not-support-multi-call': string;
|
||||
'input-phone-userID': string;
|
||||
userID: string;
|
||||
'already-enter': string;
|
||||
waiting: string;
|
||||
'camera-opened': string;
|
||||
'camera-closed': string;
|
||||
'microphone-opened': string;
|
||||
'microphone-closed': string;
|
||||
camera: string;
|
||||
microphone: string;
|
||||
'image-resolution': string;
|
||||
'default-image-resolution': string;
|
||||
'invited-person': string;
|
||||
'video-to-audio': string;
|
||||
me: string;
|
||||
'be-rejected': string;
|
||||
'be-no-response': string;
|
||||
'be-line-busy': string;
|
||||
'be-canceled': string;
|
||||
'voice-call-end': string;
|
||||
'video-call-end': string;
|
||||
'method-call-failed': string;
|
||||
'failed-to-obtain-permission': string;
|
||||
'environment-detection-failed': string;
|
||||
'switchToAudioCall-call-failed': string;
|
||||
'switchToVideoCall-call-failed': string;
|
||||
'microphone-unavailable': string;
|
||||
'camera-unavailable': string;
|
||||
'ban-device': string;
|
||||
'not-supported-webrtc': string;
|
||||
'blacklist-user-tips': string;
|
||||
'is-already-calling': string;
|
||||
'need-init': string;
|
||||
"can't call yourself": string;
|
||||
'accept-error': string;
|
||||
'accept-device-error': string;
|
||||
'call-error': string;
|
||||
'browser-authorization': string;
|
||||
'mac-privacy': string;
|
||||
'win-privacy': string;
|
||||
'mac-preferences': string;
|
||||
'win-preferences': string;
|
||||
'Please enter userID': string;
|
||||
'View more': string;
|
||||
'people selected': string;
|
||||
'Select all': string;
|
||||
Cancel: string;
|
||||
Done: string;
|
||||
};
|
||||
+88
@@ -0,0 +1,88 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.ja_JP = void 0;
|
||||
exports.ja_JP = {
|
||||
'hangup': '通話終了',
|
||||
'reject': '拒否',
|
||||
'other side reject call': '通話が拒否されました',
|
||||
'reject call': '通話拒否',
|
||||
'accept': '応答',
|
||||
'cancel': '通話をキャンセル',
|
||||
'other side line busy': '相手が通話中です',
|
||||
'in busy': '通話中',
|
||||
'call timeout': '呼び出しタイムアウト',
|
||||
'end call': '通話終了',
|
||||
'timeout': 'タイムアウト',
|
||||
'kick out': 'キックアウトされました',
|
||||
'caller calling message': '相手が招待を承諾するのを待っています。',
|
||||
'callee calling video message': 'ビデオ通話に招待されました。',
|
||||
'callee calling audio message': '音声通話に招待されました。',
|
||||
'no microphone access': 'マイクにアクセスできません',
|
||||
'no camera access': 'カメラにアクセスできません',
|
||||
'invite member': 'メンバーを招待する',
|
||||
'speaker': 'スピーカー',
|
||||
'Invited group call': 'グループ通話に招待されました。',
|
||||
'Those involved': '参加者：',
|
||||
'call': '通話',
|
||||
'video-call': 'ビデオ通話',
|
||||
'audio-call': '音声通話',
|
||||
'search': '検索',
|
||||
'search-result': '検索結果',
|
||||
'Wechat scan right QR code': 'WeChatで右側にあるQRコードを読み取ります。',
|
||||
'Use-phone-and-computer': '携帯電話とコンピュータを使用してビデオ通話を体験してください',
|
||||
'Scan the QR code above': '上のQRコードを読み取ります。',
|
||||
'no-user': 'ユーザーが見つかりませんでした',
|
||||
'member-not-added': 'メンバーが追加されていません',
|
||||
'not-login': 'ログインしていません',
|
||||
'login-status-expire': 'ログインの有効期限が過ぎています。ページを更新してもう一度お試しください',
|
||||
'experience-multi-call': '複数人で同時に音声通話できるグループ通話機能を体験するには、全機能のデモをダウンロードしてください',
|
||||
'not-support-multi-call': 'グループ通話インターフェイスが開いていません',
|
||||
'input-phone-userID': '携帯電話番号/ユーザーIDを入力してください',
|
||||
'userID': 'ユーザーID',
|
||||
'already-enter': 'すでに通話に参加しています',
|
||||
'waiting': '応答を待っています...',
|
||||
'camera-opened': 'カメラがオンになっています',
|
||||
'camera-closed': 'カメラがオフになっています',
|
||||
'microphone-opened': 'マイクがオンになっています',
|
||||
'microphone-closed': 'マイクがオフになっています',
|
||||
'camera': 'カメラ',
|
||||
'microphone': 'マイク',
|
||||
'image-resolution': '解像度',
|
||||
'default-image-resolution': 'デフォルト解像度',
|
||||
'invited-person': 'メンバーを招待',
|
||||
'video-to-audio': '音声通話に切り替えます',
|
||||
'me': '（自分）',
|
||||
'be-rejected': '通話が拒否されました, ',
|
||||
'be-no-response': '応答なし, ',
|
||||
'be-line-busy': '相手が通話中です, ',
|
||||
'be-canceled': '相手が通話をキャンセルしました',
|
||||
'voice-call-end': '音声通話が終了しました',
|
||||
'video-call-end': 'ビデオ通話が終了しました',
|
||||
'method-call-failed': '操作の同期に失敗しました',
|
||||
'failed-to-obtain-permission': '権限の取得に失敗しました',
|
||||
'environment-detection-failed': '環境の検出に失敗しました',
|
||||
'switchToAudioCall-call-failed': '音声通話に切り替えることはできません',
|
||||
'switchToVideoCall-call-failed': 'ビデオ通話に切り替えることはできません',
|
||||
'microphone-unavailable': '使用できるマイクがありません',
|
||||
'camera-unavailable': '使用できるカメラがありません',
|
||||
'ban-device': 'デバイスへのアクセスが拒否されました',
|
||||
'not-supported-webrtc': '現在の環境はWebRTCをサポートしていません',
|
||||
'blacklist-user-tips': 'ユーザーはブラックリストに登録され、通話が開始できませんでした',
|
||||
'is-already-calling': 'TUICallKit はすでに通話中です',
|
||||
'need-init': 'TUICallKitで通話を開始する前に、TUICallKitServer.init() メソッドが正常に実行されたことを確認してください。',
|
||||
"can't call yourself": '自分に電話をかけることができません',
|
||||
'accept-error': '接続できませんでした',
|
||||
'accept-device-error': '接続できませんでした。発信側デバイスを認証できません',
|
||||
'call-error': '通話が開始できませんでした',
|
||||
'browser-authorization': 'ブラウザ認証',
|
||||
'mac-privacy': 'システム環境設定 -> セキュリティとプライバシー ->プライバシー',
|
||||
'win-privacy': '設定 -> セキュリティとプライバシー ->アプリのアクセス許可',
|
||||
'mac-preferences': 'システム環境設定を開く',
|
||||
'win-preferences': 'システム設定を開く',
|
||||
'Please enter userID': 'ユーザーIDを入力してください',
|
||||
'View more': 'もっと見る',
|
||||
'people selected': '人が選択されました',
|
||||
'Select all': 'すべて選択',
|
||||
'Cancel': 'キャンセル',
|
||||
'Done': '完了',
|
||||
};
|
||||
+89
@@ -0,0 +1,89 @@
|
||||
export declare const zh: {
|
||||
hangup: string;
|
||||
reject: string;
|
||||
'other side reject call': string;
|
||||
'reject call': string;
|
||||
accept: string;
|
||||
cancel: string;
|
||||
'other side line busy': string;
|
||||
'in busy': string;
|
||||
'call timeout': string;
|
||||
'end call': string;
|
||||
timeout: string;
|
||||
'kick out': string;
|
||||
'caller calling message': string;
|
||||
'callee calling video message': string;
|
||||
'callee calling audio message': string;
|
||||
'no microphone access': string;
|
||||
'no camera access': string;
|
||||
'invite member': string;
|
||||
speaker: string;
|
||||
'Invited group call': string;
|
||||
'Those involved': string;
|
||||
call: string;
|
||||
'video-call': string;
|
||||
'audio-call': string;
|
||||
search: string;
|
||||
'search-result': string;
|
||||
'Wechat scan right QR code': string;
|
||||
'Use-phone-and-computer': string;
|
||||
'Scan the QR code above': string;
|
||||
'no-user': string;
|
||||
'member-not-added': string;
|
||||
'not-login': string;
|
||||
'login-status-expire': string;
|
||||
'experience-multi-call': string;
|
||||
'not-support-multi-call': string;
|
||||
'input-phone-userID': string;
|
||||
userID: string;
|
||||
'already-enter': string;
|
||||
waiting: string;
|
||||
'camera-opened': string;
|
||||
'camera-closed': string;
|
||||
'microphone-opened': string;
|
||||
'microphone-closed': string;
|
||||
camera: string;
|
||||
microphone: string;
|
||||
'image-resolution': string;
|
||||
'default-image-resolution': string;
|
||||
'invited-person': string;
|
||||
'video-to-audio': string;
|
||||
me: string;
|
||||
'be-rejected': string;
|
||||
'be-no-response': string;
|
||||
'be-line-busy': string;
|
||||
'be-canceled': string;
|
||||
'voice-call-end': string;
|
||||
'video-call-end': string;
|
||||
'method-call-failed': string;
|
||||
'failed-to-obtain-permission': string;
|
||||
'environment-detection-failed': string;
|
||||
'switchToAudioCall-call-failed': string;
|
||||
'switchToVideoCall-call-failed': string;
|
||||
'microphone-unavailable': string;
|
||||
'camera-unavailable': string;
|
||||
'ban-device': string;
|
||||
'not-supported-webrtc': string;
|
||||
'blacklist-user-tips': string;
|
||||
'is-already-calling': string;
|
||||
'need-init': string;
|
||||
"can't call yourself": string;
|
||||
'accept-error': string;
|
||||
'accept-device-error': string;
|
||||
'call-error': string;
|
||||
'browser-authorization': string;
|
||||
'mac-privacy': string;
|
||||
'win-privacy': string;
|
||||
'mac-preferences': string;
|
||||
'win-preferences': string;
|
||||
'open camera': string;
|
||||
'close camera': string;
|
||||
'open microphone': string;
|
||||
'close microphone': string;
|
||||
'Please enter userID': string;
|
||||
'View more': string;
|
||||
'people selected': string;
|
||||
'Select all': string;
|
||||
Cancel: string;
|
||||
Done: string;
|
||||
};
|
||||
+92
@@ -0,0 +1,92 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.zh = void 0;
|
||||
exports.zh = {
|
||||
'hangup': '挂断',
|
||||
'reject': '拒绝',
|
||||
'other side reject call': '对方已拒绝',
|
||||
'reject call': '拒绝通话',
|
||||
'accept': '接受',
|
||||
'cancel': '取消通话',
|
||||
'other side line busy': '对方忙线',
|
||||
'in busy': '正在忙',
|
||||
'call timeout': '呼叫超时',
|
||||
'end call': '结束通话',
|
||||
'timeout': '超时',
|
||||
'kick out': '被踢',
|
||||
'caller calling message': '正在等待对方接受邀请…',
|
||||
'callee calling video message': '邀请您进行视频通话…',
|
||||
'callee calling audio message': '邀请您进行语音通话…',
|
||||
'no microphone access': '没有麦克风权限',
|
||||
'no camera access': '没有摄像头权限',
|
||||
'invite member': '邀请成员',
|
||||
'speaker': '扬声器',
|
||||
'Invited group call': '邀请你参加多人通话',
|
||||
'Those involved': '参与通话的有：',
|
||||
'call': '通话',
|
||||
'video-call': '视频通话',
|
||||
'audio-call': '音频通话',
|
||||
'search': '搜索',
|
||||
'search-result': '搜索结果',
|
||||
'Wechat scan right QR code': '微信扫右二维码',
|
||||
'Use-phone-and-computer': '用手机与电脑互打体验视频通话',
|
||||
'Scan the QR code above': '扫描上方二维码',
|
||||
'no-user': '未搜索到用户',
|
||||
'member-not-added': '未添加成员',
|
||||
'not-login': '未登录',
|
||||
'login-status-expire': '登录状态已失效，请刷新网页重试',
|
||||
'experience-multi-call': '体验多人通话请下载全功能demo:',
|
||||
'not-support-multi-call': '多人通话接口未开放',
|
||||
'input-phone-userID': '请输入手机号/用户ID',
|
||||
'userID': '用户ID',
|
||||
'already-enter': '已经进入当前通话',
|
||||
'waiting': '等待接听...',
|
||||
'camera-opened': '摄像头已开',
|
||||
'camera-closed': '摄像头已关',
|
||||
'microphone-opened': '麦克风已开',
|
||||
'microphone-closed': '麦克风已关',
|
||||
'camera': '摄像头',
|
||||
'microphone': '麦克风',
|
||||
'image-resolution': '分辨率',
|
||||
'default-image-resolution': '默认分辨率',
|
||||
'invited-person': '添加成员',
|
||||
'video-to-audio': '切到语音通话',
|
||||
'me': '（我）',
|
||||
'be-rejected': '对方已拒绝，',
|
||||
'be-no-response': '对方无应答，',
|
||||
'be-line-busy': '对方忙线中，',
|
||||
'be-canceled': '对方已取消',
|
||||
'voice-call-end': '语音通话结束',
|
||||
'video-call-end': '视频通话结束',
|
||||
'method-call-failed': '同步操作失败',
|
||||
'failed-to-obtain-permission': '权限获取失败',
|
||||
'environment-detection-failed': '环境检测失败',
|
||||
'switchToAudioCall-call-failed': '切语音调用失败',
|
||||
'switchToVideoCall-call-failed': '切视频调用失败',
|
||||
'microphone-unavailable': '没有可用的麦克风设备',
|
||||
'camera-unavailable': '没有可用的摄像头设备',
|
||||
'ban-device': '用户禁止使用设备',
|
||||
'not-supported-webrtc': '当前环境不支持 WebRTC',
|
||||
'blacklist-user-tips': '发起通话失败，被对方拉入黑名单，禁止发起！',
|
||||
'is-already-calling': 'TUICallKit 已在通话状态',
|
||||
'need-init': 'TUICallKit 发起通话前需保证 TUICallKitServer.init() 方法执行成功',
|
||||
"can't call yourself": '不能呼叫自己',
|
||||
'accept-error': '接通失败',
|
||||
'accept-device-error': '接通失败，通话设备获取失败',
|
||||
'call-error': '发起通话失败',
|
||||
'browser-authorization': '浏览器授权',
|
||||
'mac-privacy': '系统偏好设置 -> 安全与隐私 -> 隐私',
|
||||
'win-privacy': '设置 -> 隐私和安全性 -> 应用权限',
|
||||
'mac-preferences': '打开系统偏好设置',
|
||||
'win-preferences': '打开系统设置',
|
||||
'open camera': '打开摄像头',
|
||||
'close camera': '关闭摄像头',
|
||||
'open microphone': '打开麦克风',
|
||||
'close microphone': '关闭麦克风',
|
||||
'Please enter userID': '请输入 userID',
|
||||
'View more': '查看更多',
|
||||
'people selected': '人已选中',
|
||||
'Select all': '全选',
|
||||
'Cancel': '取消',
|
||||
'Done': '完成',
|
||||
};
|
||||
Generated
Vendored
+11
@@ -0,0 +1,11 @@
|
||||
export declare class CallManager {
|
||||
private _globalCallPagePath;
|
||||
private _isPageRedirected;
|
||||
init(params: any): Promise<void>;
|
||||
private _watchTUIStore;
|
||||
private _unwatchTUIStore;
|
||||
private _handleCallStatusChange;
|
||||
private _handleCallStatusToCalling;
|
||||
private _handleCallStatusToIdle;
|
||||
destroyed(): Promise<void>;
|
||||
}
|
||||
+133
@@ -0,0 +1,133 @@
|
||||
"use strict";
|
||||
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
||||
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
||||
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
||||
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
||||
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
||||
};
|
||||
var __metadata = (this && this.__metadata) || function (k, v) {
|
||||
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
||||
};
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.CallManager = void 0;
|
||||
const index_1 = require("../../index");
|
||||
const index_2 = require("../const/index");
|
||||
const index_3 = require("../utils/validate/index");
|
||||
/**
|
||||
* @param {Number} sdkAppID 用户的sdkAppID 必传
|
||||
* @param {String} userID 用户的userID 必传
|
||||
* @param {String} userSig 用户的userSig 必传
|
||||
* @param {String} globalCallPagePath 跳转的路径 必传
|
||||
* @param {ChatSDK} tim tim实例 非必传
|
||||
*/
|
||||
const PREFIX = 'callManager';
|
||||
class CallManager {
|
||||
constructor() {
|
||||
this._globalCallPagePath = '';
|
||||
this._isPageRedirected = false;
|
||||
this._handleCallStatusChange = (value) => __awaiter(this, void 0, void 0, function* () {
|
||||
switch (value) {
|
||||
case index_2.CallStatus.CALLING:
|
||||
case index_2.CallStatus.CONNECTED:
|
||||
this._handleCallStatusToCalling();
|
||||
break;
|
||||
case index_2.CallStatus.IDLE:
|
||||
this._handleCallStatusToIdle();
|
||||
break;
|
||||
}
|
||||
});
|
||||
}
|
||||
init(params) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
const { sdkAppID, userID, userSig, globalCallPagePath, tim } = params;
|
||||
if (!globalCallPagePath) {
|
||||
console.error(`${PREFIX} globalCallPagePath Can not be empty!`);
|
||||
return;
|
||||
}
|
||||
;
|
||||
this._globalCallPagePath = globalCallPagePath;
|
||||
try {
|
||||
yield index_1.TUICallKitServer.init({
|
||||
sdkAppID,
|
||||
userID,
|
||||
userSig,
|
||||
tim,
|
||||
});
|
||||
this._watchTUIStore();
|
||||
// 全局监听下，关闭悬浮窗
|
||||
index_1.TUICallKitServer.enableFloatWindow(false);
|
||||
console.log(`${PREFIX} init Ready!`);
|
||||
}
|
||||
catch (error) {
|
||||
console.error(`${PREFIX} init fail!`);
|
||||
}
|
||||
});
|
||||
}
|
||||
// =========================【监听 TUIStore 中的状态】=========================
|
||||
_watchTUIStore() {
|
||||
index_1.TUIStore === null || index_1.TUIStore === void 0 ? void 0 : index_1.TUIStore.watch(index_1.StoreName.CALL, {
|
||||
[index_1.NAME.CALL_STATUS]: this._handleCallStatusChange,
|
||||
}, {
|
||||
notifyRangeWhenWatch: index_1.NAME.MYSELF,
|
||||
});
|
||||
}
|
||||
_unwatchTUIStore() {
|
||||
index_1.TUIStore === null || index_1.TUIStore === void 0 ? void 0 : index_1.TUIStore.unwatch(index_1.StoreName.CALL, {
|
||||
[index_1.NAME.CALL_STATUS]: this._handleCallStatusChange,
|
||||
});
|
||||
}
|
||||
_handleCallStatusToCalling() {
|
||||
if (this._isPageRedirected)
|
||||
return;
|
||||
// @ts-ignore
|
||||
wx.navigateTo({
|
||||
url: `/${this._globalCallPagePath}`,
|
||||
success: () => {
|
||||
this._isPageRedirected = true;
|
||||
},
|
||||
fail: () => {
|
||||
console.error(`${PREFIX} navigateTo fail!`);
|
||||
},
|
||||
complete: () => { },
|
||||
});
|
||||
}
|
||||
_handleCallStatusToIdle() {
|
||||
if (!this._isPageRedirected)
|
||||
return;
|
||||
// @ts-ignore
|
||||
wx.navigateBack({
|
||||
success: () => {
|
||||
this._isPageRedirected = false;
|
||||
},
|
||||
fail: () => {
|
||||
console.error(`${PREFIX} navigateBack fail!`);
|
||||
},
|
||||
complete: () => { },
|
||||
});
|
||||
}
|
||||
// 卸载 callManger
|
||||
destroyed() {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
this._globalCallPagePath = '';
|
||||
this._isPageRedirected = false;
|
||||
this._unwatchTUIStore();
|
||||
yield index_1.TUICallKitServer.destroyed();
|
||||
});
|
||||
}
|
||||
}
|
||||
__decorate([
|
||||
(0, index_3.avoidRepeatedCall)(),
|
||||
__metadata("design:type", Function),
|
||||
__metadata("design:paramtypes", [Object]),
|
||||
__metadata("design:returntype", Promise)
|
||||
], CallManager.prototype, "init", null);
|
||||
exports.CallManager = CallManager;
|
||||
Generated
Vendored
+53
@@ -0,0 +1,53 @@
|
||||
export declare const isUndefined: (input: any) => boolean;
|
||||
export declare const isPlainObject: (input: any) => boolean;
|
||||
export declare const isArray: (input: any) => boolean;
|
||||
export declare const isPrivateKey: (key: string) => boolean;
|
||||
export declare const isUrl: (url: string) => boolean;
|
||||
/**
|
||||
* 检测input类型是否为string
|
||||
* @param {*} input 任意类型的输入
|
||||
* @returns {Boolean} true->string / false->not a string
|
||||
*/
|
||||
export declare const isString: (input: any) => boolean;
|
||||
export declare const isBoolean: (input: any) => boolean;
|
||||
export declare const isNumber: (input: any) => boolean;
|
||||
export declare function formatTime(secondTime: number): string;
|
||||
export declare function formatTimeInverse(stringTime: string): number;
|
||||
export declare function isJSON(str: string): boolean;
|
||||
export declare const JSONToObject: (str: string) => any;
|
||||
/**
|
||||
* 重试函数, catch 时，重试
|
||||
* @param {Promise} promise 需重试的函数
|
||||
* @param {number} num 需要重试的次数
|
||||
* @param {number} time 间隔时间（s）
|
||||
* @returns {Promise<any>} im 接口的 response 原样返回
|
||||
*/
|
||||
export declare const retryPromise: (promise: Promise<any>, num?: number, time?: number) => Promise<any>;
|
||||
/**
|
||||
* web call engine 重复调用时的错误, 这种错误在 TUICallKit 应该忽略
|
||||
* @param {any} error 错误信息
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
export declare function handleRepeatedCallError(error: any): boolean;
|
||||
/**
|
||||
* 设备无权限时的错误处理
|
||||
* @param {any} error 错误信息
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
export declare function handleNoDevicePermissionError(error: any): boolean;
|
||||
export declare function performanceNow(): number;
|
||||
/**
|
||||
* 检测input类型是否为function
|
||||
* @param {*} input 任意类型的输入
|
||||
* @returns {Boolean} true->input is a function
|
||||
*/
|
||||
export declare const isFunction: (input: any) => boolean;
|
||||
export declare const getLanguage: () => string;
|
||||
export declare function noop(e: any): void;
|
||||
/**
|
||||
* Get the object type string
|
||||
* @param {*} input 任意类型的输入
|
||||
* @returns {String} the object type string
|
||||
*/
|
||||
export declare const getType: (input: any) => any;
|
||||
export declare function modifyObjectKey(obj: any, oldKey: any, newKey: any): any;
|
||||
Generated
Vendored
+249
@@ -0,0 +1,249 @@
|
||||
"use strict";
|
||||
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||||
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.modifyObjectKey = exports.getType = exports.noop = exports.getLanguage = exports.isFunction = exports.performanceNow = exports.handleNoDevicePermissionError = exports.handleRepeatedCallError = exports.retryPromise = exports.JSONToObject = exports.isJSON = exports.formatTimeInverse = exports.formatTime = exports.isNumber = exports.isBoolean = exports.isString = exports.isUrl = exports.isPrivateKey = exports.isArray = exports.isPlainObject = exports.isUndefined = void 0;
|
||||
const index_1 = require("../const/index");
|
||||
const tuiGlobal_1 = __importDefault(require("../TUIGlobal/tuiGlobal"));
|
||||
const isUndefined = function (input) {
|
||||
return typeof input === index_1.NAME.UNDEFINED;
|
||||
};
|
||||
exports.isUndefined = isUndefined;
|
||||
const isPlainObject = function (input) {
|
||||
// 注意不能使用以下方式判断，因为IE9/IE10下，对象的__proto__是 undefined
|
||||
// return isObject(input) && input.__proto__ === Object.prototype;
|
||||
if (typeof input !== index_1.NAME.OBJECT || input === null) {
|
||||
return false;
|
||||
}
|
||||
const proto = Object.getPrototypeOf(input);
|
||||
if (proto === null) { // edge case Object.create(null)
|
||||
return true;
|
||||
}
|
||||
let baseProto = proto;
|
||||
while (Object.getPrototypeOf(baseProto) !== null) {
|
||||
baseProto = Object.getPrototypeOf(baseProto);
|
||||
}
|
||||
// 原型链第一个和最后一个比较
|
||||
return proto === baseProto;
|
||||
};
|
||||
exports.isPlainObject = isPlainObject;
|
||||
const isArray = function (input) {
|
||||
if (typeof Array.isArray === index_1.NAME.FUNCTION) {
|
||||
return Array.isArray(input);
|
||||
}
|
||||
return Object.prototype.toString.call(input).match(/^\[object (.*)\]$/)[1].toLowerCase() === index_1.NAME.ARRAY;
|
||||
};
|
||||
exports.isArray = isArray;
|
||||
const isPrivateKey = function (key) {
|
||||
return key.startsWith('_');
|
||||
};
|
||||
exports.isPrivateKey = isPrivateKey;
|
||||
const isUrl = function (url) {
|
||||
return /^(https?:\/\/(([a-zA-Z0-9]+-?)+[a-zA-Z0-9]+\.)+[a-zA-Z]+)(:\d+)?(\/.*)?(\?.*)?(#.*)?$/.test(url);
|
||||
};
|
||||
exports.isUrl = isUrl;
|
||||
/**
|
||||
* 检测input类型是否为string
|
||||
* @param {*} input 任意类型的输入
|
||||
* @returns {Boolean} true->string / false->not a string
|
||||
*/
|
||||
const isString = function (input) {
|
||||
return typeof input === index_1.NAME.STRING;
|
||||
};
|
||||
exports.isString = isString;
|
||||
const isBoolean = function (input) {
|
||||
return typeof input === index_1.NAME.BOOLEAN;
|
||||
};
|
||||
exports.isBoolean = isBoolean;
|
||||
const isNumber = function (input) {
|
||||
return (
|
||||
// eslint-disable-next-line
|
||||
input !== null &&
|
||||
((typeof input === index_1.NAME.NUMBER && !isNaN(input - 0)) || (typeof input === index_1.NAME.OBJECT && input.constructor === Number)));
|
||||
};
|
||||
exports.isNumber = isNumber;
|
||||
function formatTime(secondTime) {
|
||||
const hours = Math.floor(secondTime / 3600);
|
||||
const minutes = Math.floor((secondTime % 3600) / 60);
|
||||
const seconds = Math.floor(secondTime % 60);
|
||||
let callDurationStr = hours > 9 ? `${hours}` : `0${hours}`;
|
||||
callDurationStr += minutes > 9 ? `:${minutes}` : `:0${minutes}`;
|
||||
callDurationStr += seconds > 9 ? `:${seconds}` : `:0${seconds}`;
|
||||
return callDurationStr;
|
||||
}
|
||||
exports.formatTime = formatTime;
|
||||
function formatTimeInverse(stringTime) {
|
||||
const list = stringTime.split(':');
|
||||
return parseInt(list[0]) * 3600 + parseInt(list[1]) * 60 + parseInt(list[2]); // eslint-disable-line
|
||||
}
|
||||
exports.formatTimeInverse = formatTimeInverse;
|
||||
// Determine if it is a JSON string
|
||||
function isJSON(str) {
|
||||
if (typeof str === index_1.NAME.STRING) {
|
||||
try {
|
||||
const data = JSON.parse(str);
|
||||
if (data) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
catch (error) {
|
||||
console.debug(error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
exports.isJSON = isJSON;
|
||||
// Determine if it is a JSON string
|
||||
const JSONToObject = function (str) {
|
||||
if (!str || !isJSON(str)) {
|
||||
return str;
|
||||
}
|
||||
return JSON.parse(str);
|
||||
};
|
||||
exports.JSONToObject = JSONToObject;
|
||||
/**
|
||||
* 重试函数, catch 时，重试
|
||||
* @param {Promise} promise 需重试的函数
|
||||
* @param {number} num 需要重试的次数
|
||||
* @param {number} time 间隔时间（s）
|
||||
* @returns {Promise<any>} im 接口的 response 原样返回
|
||||
*/
|
||||
const retryPromise = (promise, num = 6, time = 0.5) => {
|
||||
let n = num;
|
||||
const func = () => promise;
|
||||
return func()
|
||||
.catch((error) => {
|
||||
if (n === 0) {
|
||||
throw error;
|
||||
}
|
||||
const timer = setTimeout(() => {
|
||||
func();
|
||||
clearTimeout(timer);
|
||||
n = n - 1;
|
||||
}, time * 1000);
|
||||
});
|
||||
};
|
||||
exports.retryPromise = retryPromise;
|
||||
// /**
|
||||
// * 节流函数（目前 TUICallKit 增加防重调用装饰器，该方法可删除）
|
||||
// * @param {Function} func 传入的函数
|
||||
// * @param {wait} time 间隔时间（ms）
|
||||
// */
|
||||
// export const throttle = (func: Function, wait: number) => {
|
||||
// let previousTime = 0;
|
||||
// return function () {
|
||||
// const now = Date.now();
|
||||
// const args = [...arguments];
|
||||
// if (now - previousTime > wait) {
|
||||
// func.apply(this, args);
|
||||
// previousTime = now;
|
||||
// }
|
||||
// };
|
||||
// }
|
||||
/**
|
||||
* web call engine 重复调用时的错误, 这种错误在 TUICallKit 应该忽略
|
||||
* @param {any} error 错误信息
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
function handleRepeatedCallError(error) {
|
||||
if ((error === null || error === void 0 ? void 0 : error.message.indexOf('is ongoing, please avoid repeated calls')) !== -1) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
exports.handleRepeatedCallError = handleRepeatedCallError;
|
||||
/**
|
||||
* 设备无权限时的错误处理
|
||||
* @param {any} error 错误信息
|
||||
* @returns {Boolean}
|
||||
*/
|
||||
function handleNoDevicePermissionError(error) {
|
||||
const { message } = error;
|
||||
if (message.indexOf('NotAllowedError: Permission denied') !== -1) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
exports.handleNoDevicePermissionError = handleNoDevicePermissionError;
|
||||
/*
|
||||
* 获取向下取整的 performance.now() 值
|
||||
* @export
|
||||
* @return {Number}
|
||||
*/
|
||||
function performanceNow() {
|
||||
// 在不支持 performance.now 的浏览器中，使用 Date.now()
|
||||
// 例如 ie 9，ie 10，避免加载 sdk 时报错
|
||||
if (!performance || !performance.now) {
|
||||
return Date.now();
|
||||
}
|
||||
return Math.floor(performance.now());
|
||||
}
|
||||
exports.performanceNow = performanceNow;
|
||||
/**
|
||||
* 检测input类型是否为function
|
||||
* @param {*} input 任意类型的输入
|
||||
* @returns {Boolean} true->input is a function
|
||||
*/
|
||||
const isFunction = function (input) {
|
||||
return typeof input === index_1.NAME.FUNCTION;
|
||||
};
|
||||
exports.isFunction = isFunction;
|
||||
/*
|
||||
* 获取浏览器语言
|
||||
* @export
|
||||
* @return {zh-cn | en}
|
||||
*/
|
||||
const getLanguage = () => {
|
||||
if (tuiGlobal_1.default.getInstance().isWeChat) {
|
||||
return 'zh-cn';
|
||||
}
|
||||
// @ts-ignore
|
||||
const lang = ((navigator === null || navigator === void 0 ? void 0 : navigator.language) || (navigator === null || navigator === void 0 ? void 0 : navigator.userLanguage) || '').substr(0, 2);
|
||||
let language = 'en';
|
||||
switch (lang) {
|
||||
case 'zh':
|
||||
language = 'zh-cn';
|
||||
break;
|
||||
case 'ja':
|
||||
language = 'ja_JP';
|
||||
break;
|
||||
default:
|
||||
language = 'en';
|
||||
}
|
||||
return language;
|
||||
};
|
||||
exports.getLanguage = getLanguage;
|
||||
function noop(e) { }
|
||||
exports.noop = noop;
|
||||
/**
|
||||
* Get the object type string
|
||||
* @param {*} input 任意类型的输入
|
||||
* @returns {String} the object type string
|
||||
*/
|
||||
const getType = function (input) {
|
||||
return Object.prototype.toString
|
||||
.call(input)
|
||||
.match(/^\[object (.*)\]$/)[1]
|
||||
.toLowerCase();
|
||||
};
|
||||
exports.getType = getType;
|
||||
// 修改对象键名
|
||||
function modifyObjectKey(obj, oldKey, newKey) {
|
||||
if (!obj.hasOwnProperty(oldKey)) {
|
||||
return obj;
|
||||
}
|
||||
const newObj = {};
|
||||
Object.keys(obj).forEach(key => {
|
||||
if (key === oldKey) {
|
||||
newObj[newKey] = obj[key];
|
||||
}
|
||||
else {
|
||||
newObj[key] = obj[key];
|
||||
}
|
||||
});
|
||||
return newObj;
|
||||
}
|
||||
exports.modifyObjectKey = modifyObjectKey;
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
export declare const IN_WX_MINI_APP: boolean;
|
||||
export declare const IN_UNI_NATIVE_APP: boolean;
|
||||
export declare const IN_MINI_APP: boolean;
|
||||
export declare const IN_UNI_APP: boolean;
|
||||
export declare const IN_BROWSER: boolean;
|
||||
export declare const APP_NAMESPACE: any;
|
||||
export declare const IS_H5: boolean;
|
||||
export declare const IS_PC: boolean;
|
||||
export declare const IS_WIN: any;
|
||||
export declare const IS_MAC: any;
|
||||
+39
@@ -0,0 +1,39 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.IS_MAC = exports.IS_WIN = exports.IS_PC = exports.IS_H5 = exports.APP_NAMESPACE = exports.IN_BROWSER = exports.IN_UNI_APP = exports.IN_MINI_APP = exports.IN_UNI_NATIVE_APP = exports.IN_WX_MINI_APP = void 0;
|
||||
// 在 uniApp 框架下，打包 H5、ios app、android app 时存在 wx/qq/tt/swan/my 等变量会导致引入 web sdk 环境判断失效
|
||||
// 小程序 getSystemInfoSync 返回的 fontSizeSetting 在 H5 和 app 中为 undefined，所以通过 fontSizeSetting 增强小程序环境判断
|
||||
// wx 小程序
|
||||
exports.IN_WX_MINI_APP = (typeof wx !== 'undefined' && typeof wx.getSystemInfoSync === 'function' && Boolean(wx.getSystemInfoSync().fontSizeSetting));
|
||||
// 用 uni-app 打包 native app，此时运行于 js core，无 window 等对象，此时调用 api 都得 uni.xxx，由于风格跟小程序类似，就归为 IN_MINI_APP 的一种
|
||||
exports.IN_UNI_NATIVE_APP = (typeof uni !== 'undefined' && typeof uni === 'undefined');
|
||||
exports.IN_MINI_APP = exports.IN_WX_MINI_APP || exports.IN_UNI_NATIVE_APP;
|
||||
exports.IN_UNI_APP = (typeof uni !== 'undefined');
|
||||
// 在 uniApp 框架下，由于客户打包 ios app、android app 时 window 不一定存在，所以通过 !IN_MINI_APP 进行判断
|
||||
// 非 uniApp 框架下，仍然通过 window 结合 IN_MINI_APP 进行判断，可兼容 Taro3.0+ 暴露 window 对象引起的 IN_BROWSER 判断失效问题
|
||||
exports.IN_BROWSER = (function () {
|
||||
if (typeof uni !== 'undefined') {
|
||||
return !exports.IN_MINI_APP;
|
||||
}
|
||||
return (typeof window !== 'undefined') && !exports.IN_MINI_APP;
|
||||
}());
|
||||
// 命名空间
|
||||
exports.APP_NAMESPACE = (function () {
|
||||
if (exports.IN_WX_MINI_APP) {
|
||||
return wx;
|
||||
}
|
||||
if (exports.IN_UNI_APP) {
|
||||
return uni;
|
||||
}
|
||||
return window;
|
||||
}());
|
||||
// eslint-disable-next-line no-mixed-operators
|
||||
const USER_AGENT = exports.IN_BROWSER && window && window.navigator && window.navigator.userAgent || '';
|
||||
const IS_ANDROID = /Android/i.test(USER_AGENT);
|
||||
const IS_WIN_PHONE = /(?:Windows Phone)/.test(USER_AGENT);
|
||||
const IS_SYMBIAN = /(?:SymbianOS)/.test(USER_AGENT);
|
||||
const IS_IOS = /iPad/i.test(USER_AGENT) || /iPhone/i.test(USER_AGENT) || /iPod/i.test(USER_AGENT);
|
||||
exports.IS_H5 = IS_ANDROID || IS_WIN_PHONE || IS_SYMBIAN || IS_IOS;
|
||||
exports.IS_PC = exports.IN_BROWSER && !exports.IS_H5;
|
||||
exports.IS_WIN = exports.IS_PC && USER_AGENT.includes('Windows NT');
|
||||
exports.IS_MAC = exports.IS_PC && USER_AGENT.includes('Mac');
|
||||
+1
@@ -0,0 +1 @@
|
||||
export declare function checkLocalMP3FileExists(src: string): Promise<boolean>;
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.checkLocalMP3FileExists = void 0;
|
||||
function checkLocalMP3FileExists(src) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
if (!src)
|
||||
return false;
|
||||
try {
|
||||
const response = yield new Promise((resolve, reject) => {
|
||||
const xhr = new XMLHttpRequest();
|
||||
xhr.open('HEAD', src, true);
|
||||
xhr.onload = () => resolve(xhr);
|
||||
xhr.onerror = () => reject(xhr);
|
||||
xhr.send();
|
||||
});
|
||||
return response.status === 200 && response.getResponseHeader('Content-Type') === 'audio/mpeg';
|
||||
}
|
||||
catch (error) {
|
||||
console.warn(error);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
exports.checkLocalMP3FileExists = checkLocalMP3FileExists;
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
declare const isEmpty: (input: any) => boolean;
|
||||
export default isEmpty;
|
||||
+38
@@ -0,0 +1,38 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
const common_utils_1 = require("./common-utils");
|
||||
const isEmpty = function (input) {
|
||||
// Null and Undefined...
|
||||
if (input === null || typeof (input) === 'undefined')
|
||||
return true;
|
||||
// Booleans...
|
||||
if (typeof input === 'boolean')
|
||||
return false;
|
||||
// Numbers...
|
||||
if (typeof input === 'number')
|
||||
return input === 0;
|
||||
// Strings...
|
||||
if (typeof input === 'string')
|
||||
return input.length === 0;
|
||||
// Functions...
|
||||
if (typeof input === 'function')
|
||||
return input.length === 0;
|
||||
// Arrays...
|
||||
if (Array.isArray(input))
|
||||
return input.length === 0;
|
||||
// Errors...
|
||||
if (input instanceof Error)
|
||||
return input.message === '';
|
||||
// plain object
|
||||
if ((0, common_utils_1.isPlainObject)(input)) {
|
||||
// eslint-disable-next-line
|
||||
for (const key in input) {
|
||||
if (Object.prototype.hasOwnProperty.call(input, key)) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
exports.default = isEmpty;
|
||||
+64
@@ -0,0 +1,64 @@
|
||||
/// <reference types="node" />
|
||||
/**
|
||||
* 定时器，功能：
|
||||
* 1. 支持定时执行回调 [1,n] 次，用于常规延迟、定时操作
|
||||
* @example
|
||||
* // 默认嵌套执行，count=0 无限次
|
||||
* timer.run(callback, {delay: 2000});
|
||||
* // count=1 等同于 原始setTimeout
|
||||
* timer.run(callback, {delay: 2000, count:0});
|
||||
* 2. 支持 RAF 执行回调，用于小流渲染，audio音量获取等任务，需要渲染频率稳定，支持页面退后台后，用 setTimeout 接管，最短 1s 执行一次
|
||||
* @example
|
||||
* // 默认60fps，可以根据单位时长换算，默认开启后台执行
|
||||
* timer.run('raf', callback, {fps: 60});
|
||||
* // 设置执行次数
|
||||
* timer.run('raf', callback, {fps: 60, count: 300, backgroundTask: false});
|
||||
* 3. 支持空闲任务执行回调, requestIdleCallback 在帧渲染的空闲时间执行任务，可以用于 storage 写入等低优先级的任务
|
||||
* @example
|
||||
* // 支持原生setInterval 但不推荐使用，定时任务推荐用 timeout
|
||||
* timer.run('interval', callback, {delay:2000, count:10})
|
||||
*/
|
||||
declare class Timer {
|
||||
static taskMap: Map<any, any>;
|
||||
static currentTaskID: number;
|
||||
static generateTaskID(): number;
|
||||
/**
|
||||
*
|
||||
* @param {string} taskName 'interval' 'timeout'
|
||||
* @param {function} callback
|
||||
* @param {object} options include:
|
||||
* @param {number} options.delay millisecond
|
||||
* @param {number} options.count 定时器回调执行次数，0 无限次 or n次
|
||||
* @param {boolean} options.backgroundTask 在页面静默后是否继续执行定时器
|
||||
*/
|
||||
static run(taskName: any, callback: any, options: any): any;
|
||||
/**
|
||||
* 定时循环执行回调函数
|
||||
* 可以指定循环的时间间隔
|
||||
* 可以指定循环次数
|
||||
* @param {object} taskItem
|
||||
* @param {function} callback
|
||||
* @param {*} delay
|
||||
* @param {*} count
|
||||
* @returns ID
|
||||
*/
|
||||
static interval(taskItem: any): NodeJS.Timer;
|
||||
/**
|
||||
* 延迟执行回调
|
||||
* count = 0,循环
|
||||
* count = n, 执行n次
|
||||
* @param {object} taskItem
|
||||
*
|
||||
*/
|
||||
static timeout(taskItem: any): NodeJS.Timeout;
|
||||
static hasTask(taskID: any): boolean;
|
||||
static clearTask(taskID: any): boolean;
|
||||
/**
|
||||
* 1. 如果已移除出定时队列，退出当前任务
|
||||
* 2. 如果当前任务已满足次数限制，则退出当前任务
|
||||
* @param {object} taskItem
|
||||
* @returns
|
||||
*/
|
||||
static isBreakLoop(taskItem: any): boolean;
|
||||
}
|
||||
export default Timer;
|
||||
+154
@@ -0,0 +1,154 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
/* eslint-disable */
|
||||
const common_utils_1 = require("./common-utils");
|
||||
const index_1 = require("../const/index");
|
||||
/**
|
||||
* 定时器，功能：
|
||||
* 1. 支持定时执行回调 [1,n] 次，用于常规延迟、定时操作
|
||||
* @example
|
||||
* // 默认嵌套执行，count=0 无限次
|
||||
* timer.run(callback, {delay: 2000});
|
||||
* // count=1 等同于 原始setTimeout
|
||||
* timer.run(callback, {delay: 2000, count:0});
|
||||
* 2. 支持 RAF 执行回调，用于小流渲染，audio音量获取等任务，需要渲染频率稳定，支持页面退后台后，用 setTimeout 接管，最短 1s 执行一次
|
||||
* @example
|
||||
* // 默认60fps，可以根据单位时长换算，默认开启后台执行
|
||||
* timer.run('raf', callback, {fps: 60});
|
||||
* // 设置执行次数
|
||||
* timer.run('raf', callback, {fps: 60, count: 300, backgroundTask: false});
|
||||
* 3. 支持空闲任务执行回调, requestIdleCallback 在帧渲染的空闲时间执行任务，可以用于 storage 写入等低优先级的任务
|
||||
* @example
|
||||
* // 支持原生setInterval 但不推荐使用，定时任务推荐用 timeout
|
||||
* timer.run('interval', callback, {delay:2000, count:10})
|
||||
*/
|
||||
class Timer {
|
||||
static generateTaskID() {
|
||||
return this.currentTaskID++;
|
||||
}
|
||||
/**
|
||||
*
|
||||
* @param {string} taskName 'interval' 'timeout'
|
||||
* @param {function} callback
|
||||
* @param {object} options include:
|
||||
* @param {number} options.delay millisecond
|
||||
* @param {number} options.count 定时器回调执行次数，0 无限次 or n次
|
||||
* @param {boolean} options.backgroundTask 在页面静默后是否继续执行定时器
|
||||
*/
|
||||
static run(taskName = index_1.NAME.TIMEOUT, callback, options) {
|
||||
// default options
|
||||
if (taskName === index_1.NAME.INTERVAL) {
|
||||
options = Object.assign({ delay: 2000, count: 0, backgroundTask: true }, options);
|
||||
}
|
||||
else {
|
||||
options = Object.assign({ delay: 2000, count: 0, backgroundTask: true }, options);
|
||||
}
|
||||
// call run(function, {...})
|
||||
if ((0, common_utils_1.isPlainObject)(callback)) {
|
||||
options = Object.assign(Object.assign({}, options), callback);
|
||||
}
|
||||
if ((0, common_utils_1.isFunction)(taskName)) {
|
||||
callback = taskName;
|
||||
taskName = index_1.NAME.TIMEOUT;
|
||||
}
|
||||
// 1. 创建 taskID，作为 timer task 的唯一标识，在本函数执行完后返回，用于在调用的地方实现互斥逻辑
|
||||
// 2. 根据 taskName 执行相应的函数
|
||||
const taskItem = Object.assign({ taskID: this.generateTaskID(), loopCount: 0, intervalID: null, timeoutID: null, taskName,
|
||||
callback }, options);
|
||||
this.taskMap.set(taskItem.taskID, taskItem);
|
||||
// console.log(`timer run task:${taskItem.taskName}, task queue size: ${this.taskMap.size}`);
|
||||
if (taskName === index_1.NAME.INTERNAL) {
|
||||
this.interval(taskItem);
|
||||
}
|
||||
else {
|
||||
this.timeout(taskItem);
|
||||
}
|
||||
return taskItem.taskID;
|
||||
}
|
||||
/**
|
||||
* 定时循环执行回调函数
|
||||
* 可以指定循环的时间间隔
|
||||
* 可以指定循环次数
|
||||
* @param {object} taskItem
|
||||
* @param {function} callback
|
||||
* @param {*} delay
|
||||
* @param {*} count
|
||||
* @returns ID
|
||||
*/
|
||||
static interval(taskItem) {
|
||||
// setInterval 缺点，浏览器退后台会降频，循环执行间隔时间不可靠
|
||||
// 创建进入定时器循环的任务函数,函数内：1. 判断是否满足执行条件，2.执行 callback
|
||||
// 通过 setInterval 执行任务函数
|
||||
// 将 intervalID 记录到 taskMap 对应的 item
|
||||
const task = () => {
|
||||
taskItem.callback();
|
||||
taskItem.loopCount += 1;
|
||||
if (this.isBreakLoop(taskItem)) {
|
||||
return;
|
||||
}
|
||||
};
|
||||
return taskItem.intervalID = setInterval(task, taskItem.delay);
|
||||
}
|
||||
/**
|
||||
* 延迟执行回调
|
||||
* count = 0,循环
|
||||
* count = n, 执行n次
|
||||
* @param {object} taskItem
|
||||
*
|
||||
*/
|
||||
static timeout(taskItem) {
|
||||
// setTimeout 浏览器退后台，延迟变为至少1s
|
||||
const task = () => {
|
||||
// 执行回调
|
||||
taskItem.callback();
|
||||
taskItem.loopCount += 1;
|
||||
if (this.isBreakLoop(taskItem)) {
|
||||
return;
|
||||
}
|
||||
// 不修正延迟，每次callback间隔平均
|
||||
return taskItem.timeoutID = setTimeout(task, taskItem.delay);
|
||||
};
|
||||
return taskItem.timeoutID = setTimeout(task, taskItem.delay);
|
||||
}
|
||||
static hasTask(taskID) {
|
||||
return this.taskMap.has(taskID);
|
||||
}
|
||||
static clearTask(taskID) {
|
||||
// console.log('timer clearTask start', `| taskID:${taskID} | size:${this.taskMap.size}`);
|
||||
if (!this.taskMap.has(taskID)) {
|
||||
return true;
|
||||
}
|
||||
const { intervalID, timeoutID, onVisibilitychange } = this.taskMap.get(taskID);
|
||||
if (intervalID) {
|
||||
clearInterval(intervalID);
|
||||
}
|
||||
if (timeoutID) {
|
||||
clearTimeout(timeoutID);
|
||||
}
|
||||
if (onVisibilitychange) {
|
||||
document.removeEventListener('visibilitychange', onVisibilitychange);
|
||||
}
|
||||
this.taskMap.delete(taskID);
|
||||
// console.log('timer clearTask end ', `| size:${this.taskMap.size}`);
|
||||
return true;
|
||||
}
|
||||
/**
|
||||
* 1. 如果已移除出定时队列，退出当前任务
|
||||
* 2. 如果当前任务已满足次数限制，则退出当前任务
|
||||
* @param {object} taskItem
|
||||
* @returns
|
||||
*/
|
||||
static isBreakLoop(taskItem) {
|
||||
if (!this.taskMap.has(taskItem.taskID)) {
|
||||
return true;
|
||||
}
|
||||
if (taskItem.count !== 0 && taskItem.loopCount >= taskItem.count) {
|
||||
this.clearTask(taskItem.taskID);
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
Timer.taskMap = new Map();
|
||||
Timer.currentTaskID = 1;
|
||||
exports.default = Timer;
|
||||
Generated
Vendored
+10
@@ -0,0 +1,10 @@
|
||||
/**
|
||||
* 装饰器：阻止函数重复调用
|
||||
* @export
|
||||
* @param {Object} options 入参
|
||||
* @param {Function} options.fn 函数
|
||||
* @param {Object} options.context 上下文对象
|
||||
* @param {String} options.name 函数名
|
||||
* @returns {Function} 封装后的函数
|
||||
*/
|
||||
export declare function avoidRepeatedCall(): (target: any, name: string, descriptor: any) => any;
|
||||
Generated
Vendored
+49
@@ -0,0 +1,49 @@
|
||||
"use strict";
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.avoidRepeatedCall = void 0;
|
||||
const index_1 = require("../../const/index");
|
||||
/**
|
||||
* 装饰器：阻止函数重复调用
|
||||
* @export
|
||||
* @param {Object} options 入参
|
||||
* @param {Function} options.fn 函数
|
||||
* @param {Object} options.context 上下文对象
|
||||
* @param {String} options.name 函数名
|
||||
* @returns {Function} 封装后的函数
|
||||
*/
|
||||
function avoidRepeatedCall() {
|
||||
return function (target, name, descriptor) {
|
||||
const oldFn = descriptor.value;
|
||||
const isCallingSet = new Set();
|
||||
descriptor.value = function (...args) {
|
||||
return __awaiter(this, void 0, void 0, function* () {
|
||||
if (isCallingSet.has(this)) {
|
||||
console.warn((`${index_1.NAME.PREFIX}previous ${name}() is ongoing, please avoid repeated calls`));
|
||||
// throw new Error(`previous ${name}() is ongoing, please avoid repeated calls`);
|
||||
return;
|
||||
}
|
||||
try {
|
||||
isCallingSet.add(this);
|
||||
const result = yield oldFn.apply(this, args);
|
||||
isCallingSet.delete(this);
|
||||
return result;
|
||||
}
|
||||
catch (error) {
|
||||
isCallingSet.delete(this);
|
||||
throw error;
|
||||
}
|
||||
});
|
||||
};
|
||||
return descriptor;
|
||||
};
|
||||
}
|
||||
exports.avoidRepeatedCall = avoidRepeatedCall;
|
||||
Generated
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
import { avoidRepeatedCall } from './avoidRepeatedCall';
|
||||
import { paramValidate } from './validateParams';
|
||||
import { VALIDATE_PARAMS } from './validateConfig';
|
||||
export { VALIDATE_PARAMS, paramValidate, avoidRepeatedCall, };
|
||||
Generated
Vendored
+9
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.avoidRepeatedCall = exports.paramValidate = exports.VALIDATE_PARAMS = void 0;
|
||||
const avoidRepeatedCall_1 = require("./avoidRepeatedCall");
|
||||
Object.defineProperty(exports, "avoidRepeatedCall", { enumerable: true, get: function () { return avoidRepeatedCall_1.avoidRepeatedCall; } });
|
||||
const validateParams_1 = require("./validateParams");
|
||||
Object.defineProperty(exports, "paramValidate", { enumerable: true, get: function () { return validateParams_1.paramValidate; } });
|
||||
const validateConfig_1 = require("./validateConfig");
|
||||
Object.defineProperty(exports, "VALIDATE_PARAMS", { enumerable: true, get: function () { return validateConfig_1.VALIDATE_PARAMS; } });
|
||||
Generated
Vendored
+173
@@ -0,0 +1,173 @@
|
||||
import { VideoResolution, VideoDisplayMode } from "../../const/index";
|
||||
export declare const VALIDATE_PARAMS: {
|
||||
init: {
|
||||
SDKAppID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
userID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
userSig: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
tim: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
};
|
||||
};
|
||||
call: {
|
||||
userID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
type: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: number[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
roomID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: string;
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
userData: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
timeout: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
};
|
||||
groupCall: {
|
||||
userIDList: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
type: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: number[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
groupID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
roomID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: string;
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
timeout: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
userData: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
offlinePushInfo: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
};
|
||||
joinInGroupCall: {
|
||||
type: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: number[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
groupID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
roomID: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
};
|
||||
inviteUser: {
|
||||
userIDList: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
};
|
||||
setSelfInfo: {
|
||||
nickName: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
avatar: {
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
};
|
||||
};
|
||||
enableFloatWindow: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
enableAIVoice: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
enableMuteMode: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
setCallingBell: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
setLanguage: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
setVideoDisplayMode: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: VideoDisplayMode[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
setVideoResolution: {
|
||||
key: string;
|
||||
required: boolean;
|
||||
rules: any[];
|
||||
range: VideoResolution[];
|
||||
allowEmpty: boolean;
|
||||
}[];
|
||||
};
|
||||
Generated
Vendored
+190
@@ -0,0 +1,190 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.VALIDATE_PARAMS = void 0;
|
||||
const index_1 = require("../../const/index");
|
||||
exports.VALIDATE_PARAMS = {
|
||||
init: {
|
||||
SDKAppID: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
allowEmpty: false,
|
||||
},
|
||||
userID: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false,
|
||||
},
|
||||
userSig: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false,
|
||||
},
|
||||
tim: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.OBJECT],
|
||||
},
|
||||
},
|
||||
call: {
|
||||
userID: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false
|
||||
},
|
||||
type: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
range: [1, 2],
|
||||
allowEmpty: false
|
||||
},
|
||||
roomID: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
range: `1~${index_1.MAX_NUMBER_ROOM_ID}`,
|
||||
allowEmpty: false,
|
||||
},
|
||||
userData: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false,
|
||||
},
|
||||
timeout: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
allowEmpty: false
|
||||
}
|
||||
},
|
||||
groupCall: {
|
||||
userIDList: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.ARRAY],
|
||||
allowEmpty: false
|
||||
},
|
||||
type: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
range: [1, 2],
|
||||
allowEmpty: false
|
||||
},
|
||||
groupID: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false
|
||||
},
|
||||
roomID: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
range: `1~${index_1.MAX_NUMBER_ROOM_ID}`,
|
||||
allowEmpty: false
|
||||
},
|
||||
timeout: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
allowEmpty: false
|
||||
},
|
||||
userData: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false,
|
||||
},
|
||||
offlinePushInfo: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.OBJECT],
|
||||
allowEmpty: false,
|
||||
},
|
||||
},
|
||||
joinInGroupCall: {
|
||||
type: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
range: [1, 2],
|
||||
allowEmpty: false
|
||||
},
|
||||
groupID: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false
|
||||
},
|
||||
roomID: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.NUMBER],
|
||||
allowEmpty: false,
|
||||
},
|
||||
},
|
||||
inviteUser: {
|
||||
userIDList: {
|
||||
required: true,
|
||||
rules: [index_1.NAME.ARRAY],
|
||||
allowEmpty: false
|
||||
},
|
||||
},
|
||||
setSelfInfo: {
|
||||
nickName: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false,
|
||||
},
|
||||
avatar: {
|
||||
required: false,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false,
|
||||
}
|
||||
},
|
||||
enableFloatWindow: [
|
||||
{
|
||||
key: "enable",
|
||||
required: false,
|
||||
rules: [index_1.NAME.BOOLEAN],
|
||||
allowEmpty: false,
|
||||
}
|
||||
],
|
||||
enableAIVoice: [
|
||||
{
|
||||
key: "enable",
|
||||
required: true,
|
||||
rules: [index_1.NAME.BOOLEAN],
|
||||
allowEmpty: false,
|
||||
}
|
||||
],
|
||||
enableMuteMode: [
|
||||
{
|
||||
key: "enable",
|
||||
required: true,
|
||||
rules: [index_1.NAME.BOOLEAN],
|
||||
allowEmpty: false,
|
||||
}
|
||||
],
|
||||
setCallingBell: [
|
||||
{
|
||||
key: "filePath",
|
||||
required: false,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: true,
|
||||
}
|
||||
],
|
||||
setLanguage: [
|
||||
{
|
||||
key: "language",
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
allowEmpty: false
|
||||
}
|
||||
],
|
||||
setVideoDisplayMode: [
|
||||
{
|
||||
key: "displayMode",
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
range: [index_1.VideoDisplayMode.CONTAIN, index_1.VideoDisplayMode.COVER, index_1.VideoDisplayMode.FILL],
|
||||
allowEmpty: false
|
||||
}
|
||||
],
|
||||
setVideoResolution: [
|
||||
{
|
||||
key: "resolution",
|
||||
required: true,
|
||||
rules: [index_1.NAME.STRING],
|
||||
range: [index_1.VideoResolution.RESOLUTION_1080P, index_1.VideoResolution.RESOLUTION_480P, index_1.VideoResolution.RESOLUTION_720P],
|
||||
allowEmpty: false
|
||||
}
|
||||
]
|
||||
};
|
||||
Generated
Vendored
+1
@@ -0,0 +1 @@
|
||||
export declare function paramValidate(config: any): (target: any, propertyName: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
|
||||
Generated
Vendored
+86
@@ -0,0 +1,86 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
exports.paramValidate = void 0;
|
||||
const common_utils_1 = require("../common-utils");
|
||||
const index_1 = require("../../const/index");
|
||||
const PREFIX = index_1.NAME.PREFIX + "API";
|
||||
function paramValidate(config) {
|
||||
return function (target, propertyName, descriptor) {
|
||||
let method = descriptor.value;
|
||||
descriptor.value = function (...args) {
|
||||
doValidate.call(this, config, args, propertyName);
|
||||
return method.apply(this, args);
|
||||
};
|
||||
return descriptor;
|
||||
};
|
||||
}
|
||||
exports.paramValidate = paramValidate;
|
||||
function doValidate(config, args, name) {
|
||||
try {
|
||||
// 兼容 init 方法中： SDKAppID sdkAppID 两种写法的参数校验判断
|
||||
if (!args[0].SDKAppID) {
|
||||
config = (0, common_utils_1.modifyObjectKey)(config, "SDKAppID", "sdkAppID");
|
||||
}
|
||||
if ((0, common_utils_1.isArray)(config)) {
|
||||
for (let i = 0; i < config.length; i++) {
|
||||
check.call(this, Object.assign(Object.assign({}, config[i]), { value: args[i], name }));
|
||||
}
|
||||
}
|
||||
else {
|
||||
for (const key in config) {
|
||||
if (config.hasOwnProperty(key)) {
|
||||
check.call(this, Object.assign(Object.assign({}, config[key]), { value: args[0][key], name,
|
||||
key }));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
catch (error) {
|
||||
console.error(error);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
function check({ required, rules, range, value, allowEmpty, name, key }) {
|
||||
// 用户没传指定参数
|
||||
if ((0, common_utils_1.isUndefined)(value)) {
|
||||
// 检查必填参数, 若配置是必填则报错
|
||||
if (required) {
|
||||
throw new Error(`${PREFIX}<${name}>: ${key} is required.`);
|
||||
}
|
||||
else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
// 判断参数类型是否正确
|
||||
const result = rules.some((item) => item === (0, common_utils_1.getType)(value));
|
||||
let type = '';
|
||||
if (!result) {
|
||||
for (let i = 0; i < rules.length; i++) {
|
||||
let str = rules[i];
|
||||
str = str.replace(str[0], str[0].toUpperCase());
|
||||
type += `${str}/`;
|
||||
}
|
||||
type = type.substring(0, type.length - 1);
|
||||
throw new Error(`${PREFIX}<${name}>: ${key} must be ${type}, current ${key} is ${typeof value}.`);
|
||||
}
|
||||
// 不允许传空值, 例如: '', ' '
|
||||
if (allowEmpty === false) {
|
||||
const isEmptyString = (0, common_utils_1.isString)(value) && value.trim() === '';
|
||||
if (isEmptyString) {
|
||||
throw new Error(`${PREFIX}<${name}>: ${key} is blank.`);
|
||||
}
|
||||
}
|
||||
// 判断是否符合限制条件
|
||||
if ((0, common_utils_1.isArray)(range)) {
|
||||
if (range && range.indexOf(value) === -1) {
|
||||
throw new Error(`${PREFIX}<${name}>: ${key} error, only be ${range}, current ${key} is ${value}.`);
|
||||
}
|
||||
}
|
||||
// 取值范围, 前闭后闭
|
||||
if ((0, common_utils_1.isString)(range) && range.indexOf('~') !== -1) {
|
||||
const valueList = range.split('~');
|
||||
if (value < +valueList[0] || value > +valueList[1] || ((0, common_utils_1.isNumber)(value) && Number.isNaN(value))) {
|
||||
throw new Error(`${PREFIX}<${name}>: ${key} error, only be ${range}, current ${key} is ${value}.`);
|
||||
}
|
||||
}
|
||||
}
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
export * from '@vue/composition-api';
|
||||
export * from 'vue';
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
"use strict";
|
||||
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||||
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||||
desc = { enumerable: true, get: function() { return m[k]; } };
|
||||
}
|
||||
Object.defineProperty(o, k2, desc);
|
||||
}) : (function(o, m, k, k2) {
|
||||
if (k2 === undefined) k2 = k;
|
||||
o[k2] = m[k];
|
||||
}));
|
||||
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
||||
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
||||
};
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
// #ifndef VUE3
|
||||
// @ts-ignore
|
||||
__exportStar(require("@vue/composition-api"), exports);
|
||||
// #endif
|
||||
// #ifdef VUE3
|
||||
__exportStar(require("vue"), exports);
|
||||
// #endif
|
||||
+63
@@ -0,0 +1,63 @@
|
||||
import LibGenerateTestUserSig from './lib-generate-test-usersig-es.min.js';
|
||||
|
||||
/**
|
||||
* 腾讯云 SDKAppId，需要替换为您自己账号下的 SDKAppId。
|
||||
*
|
||||
* 进入腾讯云实时音视频[控制台](https://console.cloud.tencent.com/rav ) 创建应用，即可看到 SDKAppId，
|
||||
* 它是腾讯云用于区分客户的唯一标识。
|
||||
*/
|
||||
let SDKAPPID = 0;
|
||||
|
||||
|
||||
/**
|
||||
* 签名过期时间，建议不要设置的过短
|
||||
* <p>
|
||||
* 时间单位：秒
|
||||
* 默认时间：7 x 24 x 60 x 60 = 604800 = 7 天
|
||||
*/
|
||||
const EXPIRETIME = 604800;
|
||||
|
||||
|
||||
/**
|
||||
* 计算签名用的加密密钥，获取步骤如下：
|
||||
*
|
||||
* step1. 进入腾讯云实时音视频[控制台](https://console.cloud.tencent.com/rav )，如果还没有应用就创建一个，
|
||||
* step2. 单击“应用配置”进入基础配置页面，并进一步找到“帐号体系集成”部分。
|
||||
* step3. 点击“查看密钥”按钮，就可以看到计算 UserSig 使用的加密的密钥了，请将其拷贝并复制到如下的变量中
|
||||
*
|
||||
* 注意：该方案仅适用于调试Demo，正式上线前请将 UserSig 计算代码和密钥迁移到您的后台服务器上，以避免加密密钥泄露导致的流量盗用。
|
||||
* 文档：https://cloud.tencent.com/document/product/647/17275#Server
|
||||
*/
|
||||
let SECRETKEY = '';
|
||||
|
||||
/*
|
||||
* Module: GenerateTestUserSig
|
||||
*
|
||||
* Function: 用于生成测试用的 UserSig，UserSig 是腾讯云为其云服务设计的一种安全保护签名。
|
||||
* 其计算方法是对 SDKAppID、UserID 和 EXPIRETIME 进行加密，加密算法为 HMAC-SHA256。
|
||||
*
|
||||
* Attention: 请不要将如下代码发布到您的线上正式版本的 App 中，原因如下：
|
||||
*
|
||||
* 本文件中的代码虽然能够正确计算出 UserSig，但仅适合快速调通 SDK 的基本功能，不适合线上产品，
|
||||
* 这是因为客户端代码中的 SECRETKEY 很容易被反编译逆向破解，尤其是 Web 端的代码被破解的难度几乎为零。
|
||||
* 一旦您的密钥泄露，攻击者就可以计算出正确的 UserSig 来盗用您的腾讯云流量。
|
||||
*
|
||||
* 正确的做法是将 UserSig 的计算代码和加密密钥放在您的业务服务器上，然后由 App 按需向您的服务器获取实时算出的 UserSig。
|
||||
* 由于破解服务器的成本要高于破解客户端 App，所以服务器计算的方案能够更好地保护您的加密密钥。
|
||||
*
|
||||
* Reference：https://cloud.tencent.com/document/product/647/17275#Server
|
||||
*/
|
||||
|
||||
export function genTestUserSig({ userID, SDKAppID, SecretKey }) {
|
||||
if (SDKAppID) SDKAPPID = SDKAppID;
|
||||
if (SecretKey) SECRETKEY = SecretKey;
|
||||
const generator = new LibGenerateTestUserSig(SDKAPPID, SECRETKEY, EXPIRETIME);
|
||||
const userSig = generator.genTestUserSig(userID);
|
||||
|
||||
return {
|
||||
SDKAppID: SDKAPPID,
|
||||
userSig,
|
||||
};
|
||||
}
|
||||
|
||||
export default genTestUserSig;
|
||||
Generated
Vendored
+2
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user