callkit.ts 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. import TUICore, { TUIConstants, TUILogin } from '@tencentcloud/tui-core';
  2. import { TUIGlobal } from '@tencentcloud/universal-api';
  3. export default class CallkitPluginServer {
  4. constructor() {
  5. // 监听登录成功
  6. TUICore.registerEvent(TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED, TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS, this);
  7. // 原生插件 callkit 注册通话服务
  8. TUICore.registerService(TUIConstants.TUICalling.SERVICE.NAME, this);
  9. // 原生插件 callkit 注册扩展
  10. TUICore.registerExtension(TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, this);
  11. }
  12. /**
  13. * 监听 TUILogin.login 的成功通知后进行 callkit 登录
  14. */
  15. public onNotifyEvent(eventName: string, subKey: string) {
  16. if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
  17. let SDKAppID, userID, userSig, context;
  18. switch (subKey) {
  19. case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
  20. context = TUILogin.getContext();
  21. SDKAppID = context.SDKAppID;
  22. userID = context.userID;
  23. userSig = context.userSig;
  24. TUIGlobal.$TUICallKit && TUIGlobal.$TUICallKit.login({
  25. SDKAppID,
  26. userID,
  27. userSig,
  28. }, (res: any) => {
  29. if (res.code === 0) {
  30. console.log('TUICallkit login success!');
  31. // 悬浮窗功能
  32. TUIGlobal.$TUICallKit.enableFloatWindow(true);
  33. } else {
  34. console.error(`TUICallkit login failed,${res.msg}`);
  35. }
  36. });
  37. break;
  38. }
  39. }
  40. }
  41. /**
  42. * 原生插件 callkit 实现 onGetExtension 方法
  43. */
  44. public onGetExtension(extensionID: string, params: Record<string, any>) {
  45. if (!TUIGlobal.$TUICallKit) {
  46. console.warn('请检查原生插件 TencentCloud-TUICallKit 是否已集成');
  47. return;
  48. }
  49. if (extensionID === TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID) {
  50. const list = [];
  51. const voiceCallExtension = {
  52. weight: 1000,
  53. text: '语音通话',
  54. icon: 'https://web.sdk.qcloud.com/component/TUIKit/assets/call.png',
  55. data: {
  56. name: 'voiceCall',
  57. },
  58. listener: {
  59. onClicked: (options: any) => {
  60. this.setCallExtension(options);
  61. },
  62. },
  63. };
  64. const videoCallExtension = {
  65. weight: 900,
  66. text: '视频通话',
  67. icon: 'https://web.sdk.qcloud.com/component/TUIKit/assets/call-video-reverse.svg',
  68. data: {
  69. name: 'videoCall',
  70. },
  71. listener: {
  72. onClicked: (options: any) => {
  73. this.setCallExtension(options);
  74. },
  75. },
  76. };
  77. if (!(params as any)?.filterVoice) {
  78. list.push(voiceCallExtension);
  79. }
  80. if (!(params as any)?.filterVideo) {
  81. list.push(videoCallExtension);
  82. }
  83. return list;
  84. }
  85. }
  86. /**
  87. * 原生插件 callkit 实现 onCall 方法
  88. */
  89. public onCall(method: string, params: any) {
  90. if (!TUIGlobal.$TUICallKit) {
  91. console.warn('请检查原生插件 TencentCloud-TUICallKit 是否已集成');
  92. return;
  93. }
  94. if (method === TUIConstants.TUICalling.SERVICE.METHOD.START_CALL) {
  95. const { groupID = undefined, userIDList = [], type } = params;
  96. if (groupID) {
  97. TUIGlobal.$TUICallKit.groupCall({
  98. groupID,
  99. userIDList,
  100. callMediaType: type,
  101. }, (res: any) => {
  102. if (res.code === 0) {
  103. console.log('TUICallkit groupCall success');
  104. } else {
  105. console.error(`TUICallkit groupCall failed,${res.msg}`);
  106. }
  107. });
  108. } else if (userIDList.length === 1) {
  109. TUIGlobal.$TUICallKit.call(
  110. {
  111. userID: userIDList[0],
  112. callMediaType: type,
  113. },
  114. (res: any) => {
  115. if (res.code === 0) {
  116. console.log('TUICallkit call success');
  117. } else {
  118. console.log(`TUICallkit call failed,${res.msg}`);
  119. }
  120. });
  121. }
  122. }
  123. }
  124. public setCallExtension(options: any) {
  125. const { groupID = undefined, userIDList = [], type } = options;
  126. // 点击时发起通话
  127. try {
  128. if (groupID) {
  129. // 群通话
  130. TUIGlobal.$TUICallKit.groupCall({
  131. groupID,
  132. userIDList,
  133. callMediaType: type,
  134. }, (res: any) => {
  135. if (res.code === 0) {
  136. console.log('TUICallkit groupCall success');
  137. } else {
  138. console.log(`TUICallkit groupCall failed,${res.msg}`);
  139. }
  140. });
  141. } else if (userIDList.length === 1) {
  142. // 1v1 通话
  143. TUIGlobal.$TUICallKit.call(
  144. {
  145. userID: userIDList[0],
  146. callMediaType: type,
  147. },
  148. (res: any) => {
  149. if (res.code === 0) {
  150. console.log('TUICallkit call success');
  151. } else {
  152. console.log(`TUICallkit call failed,${res.msg}`);
  153. }
  154. },
  155. );
  156. }
  157. } catch (error: any) {
  158. TUIGlobal.showToast({
  159. title: '拨打失败!',
  160. icon: 'error',
  161. });
  162. }
  163. }
  164. }