開始
このページは現在英語版のみで提供されており、日本語版も近日中に提供される予定です。ご利用いただきありがとうございます。
Docs Overview/
Web(Vue)/

Web(Vue)

Note:
TUICallKit Vue 3 Github version: Github TUICallKit Web.

Version 3.3.7 @2024.09.13

Bug Fixes

Fixed the issue where the speaker remains off in the next call after being turned off in the first call.

Version 3.3.6 @2024.09.13

New features

Added CallMessage component in React for integrating on-screen message display with chat.

Feature Optimization

Optimized the on-screen message display logic to align with WeChat's message display.

Version 3.3.4 @2024.09.10

New features

React added onMinimized Callback Event.

Feature Optimization

React supports Floating Window Drag and Drop.
Optimized Mobile Terminal interaction for clicking the Speaker button, adjusted to turn on/off the Speaker.
Optimized React Device List hierarchy.

Version 3.3.3 @2024.08.06

New features

Added feature to turn on/off the speaker .

Feature Optimization

react: Optimized button loading effect.
Optimized the creation and termination of ringtone instances.
Optimized the interaction of flipping the camera and virtual background button after turning off the camera.
Optimized the error content when directly calling call/groupCall API before the user init .
Optimized the warning phenomenon of setVideoResolution in the console when the user has not init and introduced the TUICallKit component on the page.

Bug Fixes

react: Fixed the spacing issue of the Virtual Background button.
react: Fixed the issue where the nickname was not truncated.

Version 3.3.2 @2024.07.12

New features

Added support for showing and hiding the invite others button.
Prompt when the network status is poor.

Bug Fixes

After selecting the device, redial. The selected device in the device list does not match the current device.
When the device list is empty, do not display the device selection list.
Fix the known issues of midway joining.

Version 3.3.1 @2024.06.25

Bug Fixes

Fix some issues with midway joining feature .
Delete the comments for debug files.

Version 3.3.0 @2024.06.14

New features

Added support for Custom Definition window size display and setting camera initial state feature.
Vue&React: Added support for passing in Custom Definition string Room Number.
React: Added react TUICallKit Virtual Background feature.

Feature Optimization

Extended offlinePushInfo parameters to support Offline Push Sound Settings and other features.

Bug Fixes

Fixed the issue where a call exception occurs immediately after a call is accepted and then timed out.
Fix the issue with group call, caller waiting, answer page, remote user, and nickname display.

Feature Optimization

UI Customization:Add Interface Log Reporting

Version 3.2.9 @2024.05.29

Optimize

Added log reporting to the UI customization API.

Version 3.2.8 @2024.05.27

Fix

Fixed the SDK import ref path error issue.

Version 3.2.7 @2024.05.17

Add

Added UI components for mid-call .
Added custom UI API to support setting call background and hiding buttons.
Adjusted the parameter validation when initiating a call to support string room numbers.

Version 3.2.4 @2024.05.06

Add

Added support for background blur in video calls.

Fix

Fixed the issue that image loading icon failed when packaging web project in uni-app.
Fixed the issue with the camera switch button during group calls.
Optimized the abnormal issue caused by clicking the button again after the application is stuck.

Version 3.2.3 @2024.04.19

Add

Added group call feature supporting front and rear camera switching.

Optimize

Optimized TUICallKit SDK Readme.

Version 3.2.2 @2024.03.25

Add

Added a brand new UI visual effect, with clearer features and better experience.

Optimize

Optimized data reporting when using TUICallKit.

Add

Added language log reporting.

Version 3.2.1 @2024.03.08

Add

Added language log report.

Version 3.2.0 @2024.02.23

Add

Added default offline push parameters.

Fix

Fixed the issue of no nickname in group calls.

Version 3.1.9 @2024.01.30

Fix

Fixed the issue of not displaying user information in group calls.
Fixed the issue that the OK button remains active in the selection component when there are no members to select.
Fixed the issue that the microphone is turned off during a call, resulting in no uplink audio streaming in subsequent calls (upgrade trtc-cloud-js-sdk to v2.2.7+).

Version 3.1.8 @2024.01.19

Fix

Fixed the issue of the selection component style affecting the page.

Version 3.1.7 @2024.01.12

Fix

Added retry mechanism for APIs to fix playback failure caused by not finding the dom node.
Fixed the issue of device list selection style on PC.

Version 3.1.6 @2023.12.29

Optimize

Optimized prompt messages during group calls.
Optimized display issues of over-long nicknames.

Fix

Fixed the issue of requesting camera permission for voice calls.
Fixed the Destroyed problem.
Fixed hangup issues in floating windows across different calling scenarios.
Fixed the issue of displaying remote end in caller state.
Fixed the styling issues with incomplete filling on PC.

Version 3.1.5 @2023.12.15

Add

Optimized the timing for obtaining device permissions. Do not obtain device permissions during initialization, and obtain only when using call.

Fix

Fixed the issue of @tencentcloud/call-uikit-vue2 and @tencentcloud/call-uikit-vue2.6 components not having a claim file.

Version 3.1.4 @2023.12.01

Add

Integrated into Chat and added isFromChat reporting.

Fix

Fixed the issue that the button is active while loading.

Version 3.1.3 @2023.11.17

Add

Added parameter check in API.

Version 3.1.2 @2023.11.03

Add

Added the Invite User feature.
Added the feature of adding attendees by joinInGroupCall.
Added the API enableMuteMode for muting incoming call ringtones.

Fix

Fixed the issue of incorrect display of remote stream microphone status.

Version 3.1.0 @2023.10.20

Add

Added the floating window feature.
Added the enableFloatWindow API for enabling/disabling the floating window feature.
Desktop terminal supports camera and microphone device switching.
Added prompt message for failing to call users on the blocklist.
Added support for Japanese.

Optimize

In video calls, the large screen displays the remote user by default.

Version 3.0.8 @2023.10.10

Add

Added version number, framework, and other information for reporting.

Version 3.0.7 @2023.10.08

Add

Added call duration display for desktop terminal video calls.

Optimize

Optimized the issue with rounded corners and black borders in video stream previews on the desktop terminal.
Optimized the display priority of remote stream user information: remarks > nickname > user ID.
Optimized the TUICallKit component package size (removed unused images and code).

Version 3.0.6 @2023.09.19

Fix

Fixed the issue with message display for integration into TUIKit.

Version 3.0.5 @2023.09.15

Optimize

Optimized the mutual references between TUICallKit components to avoid stack overflow issues when mini-programs are packaged in uniapp.

Add

Added a prompt for desktop devices without permissions, guiding customers on how to authorize the device.

Fix

Fixed setCallingBell. The called ringtone was overwritten by the calling ringtone, causing a ringtone repetition issue.
Fixed styling issues on mobile devices.

Version 3.0.4 @2023.09.01

Fix

Fixed the object of setCallingBell as the incoming call ringtone (called ringtone).
Fixed the destroyed error reporting issue.
Fixed the issue of no Chinese and English prompts in error pop-up window.
Fixed the issue that the user failed to switch between large and small screens after turning off the camera during a 1v1 call.

Version 3.0.3 @2023.8.25

Add

Added @tencentcloud/call-uikit-vue2.6 adaptation for Vue 2.6.

Optimize

Optimized component default language to match the system's default language.
Optimized printed log information.
Optimized tuicall-engine-webrtc error message prompts.
Optimized resource cleanup after component termination.

Fix

Fixed the issue where videoDisplayMode and videoResolution did not take effect when a call was made again after it was hung up.
Fixed issues that during calls statusChanged errors were not thrown.
Fixed the issue where init was called multiple times.
Fixed the issue of failing to switch between large and small screens after the camera was turned off during a call.

Version 3.0.2 @2023.8.14

Fix

Fixed styling issues with the called component on HTML5 platforms.
Fixed styling issues that occur after switching to a small window during a subsequent call.

Version 3.0.1 @2023.8.8

Fix

Fixed the issue that the caller in a group call could not initiate local preview, and modified the component layer's default reading mode from the data layer.

Version 3.0.0 @2023.8.4

Breaking Change

Upgraded the underlying dependency tuicall-engine-webrtc to ^2.0.0. It no longer supports tim-js-sdk to create tim instances. For creating tim instances, use @tencentcloud/chat.

Add

Added custom ringtone feature setCallingBell.

Version 2.4.2 @2023.11.03

Add

Added the Invite User feature.
Added the feature of adding attendees by joinInGroupCall.
Added the API enableMuteMode for muting incoming call ringtones++++.

Fix

Fixed the issue of incorrect display of remote stream microphone status.

Version 2.4.0 @2023.10.20

Add

Added the floating window feature.
Added the enableFloatWindow API for enabling/disabling the floating window feature.
Desktop terminal supports camera and microphone device switching.
Added prompt message for failing to call users on the blocklist.
Added support for Japanese.

Optimize

In video calls, the large screen displays the remote user by default.

Version 2.3.9 @2023.10.10

Add

Added version number, framework, and other information for reporting.

Version 2.3.8 @2023.10.08

Add

Added call duration display for desktop terminal video calls.

Optimize

Optimized the issue with rounded corners and black borders in video stream previews on the desktop terminal.
Optimized the display priority of remote stream user information: remarks > nickname > user ID.
Optimized the TUICallKit component package size (removed unused images and code).

Version 2.3.6 @2023.09.15

Optimize

Optimized the mutual references between TUICallKit components to avoid stack overflow issues when mini-programs are packaged in uniapp.

Add

Added a prompt for desktop devices without permissions, guiding customers on how to authorize the device.

Fix

Fixed setCallingBell. The called ringtone was overwritten by the calling ringtone, causing a ringtone repetition issue.
Fixed styling issues on mobile devices.

Version 2.3.5 @2023.9.5

Fix

Fixed the issue that the camera and microphone were on by default before a user entered the room.

Version 2.3.4 @2023.9.1

Add

Added the feature of disabling or enabling the camera before a video call is answered.

Fix

Fixed the issue of failing to switch between large and small screen after turning off the camera during a 1v1 call.
Fixed the issue that statusChanged errors were not thrown when a video call was switched to a voice call.

Version 2.3.3 @2023.8.22

Fix

Fixed the issue where videoDisplayMode and videoResolution did not take effect when a call was made again after it was hung up.
Fixed issues that during calls statusChanged errors were not thrown.

Version 2.3.2 @2023.7.26

Breaking Change

Removed the floating window TUICallKitMini component and merged it into the TUICallKit component.
The @kicked-out event was adjusted to an callback binding method :kickedOut .
The @status-changed event was adjusted to an callback binding method :statusChanged .

Add

Added new animation effect when the call page appears.
Added new group call layout on the H5 page.

Optimize

Optimized problem prompt information and prompt method during calls.
Optimized support and interaction on the H5 page.
Optimized the call API invocation time.
Optimized @tencentcloud/call-uikit-vue of the package directory structure.

Fix

Fixed call issues such as immediate disconnection after connection under certain edge operations.
Fixed styling issues on H5 pages in some models and browsers.
Fixed call issues caused by repeated clicks.

Version 2.2.1 @ 2023.7.7

Add

@tencentcloud/call-uikit-vue2 Added the detection and prompt for the Vue version.

Fix

Fixed the issue that clicking the Answer button multiple times on the incoming call page caused the call answering failure.

Version 2.2.0 @6.30

Add

call and groupCall support the definition of numeric roomID parameters.
call and groupCall support the definition of the userData parameter (used to add extended information in the invite signal).
Added the setSelfInfo API, allowing users to set their nickname and avatar.

Version 2.1.0 @2023.4.14

New features
During voice call in H5 mode, the caller's nickname is displayed when calling.
When the call initiation fails, "Call initiation failed" is displayed on the call screen.
When an incoming call is not connected, "Failed to answer" is displayed on the incoming call screen.
Support monitoring whether the current user is kicked out (e.g. being logged out unexpectedly).
Support monitoring TUICallKit call status.
Support business-side code to control the answer, cancel and hangup of calls.
In Vue 2 version added TypeScript type declaration file, which can compile type normally in TypeScript project.
Fix
Fixed the warning of updating profile interface appearing in the console when initializing the component.
Fixed the issue that the background image of the callee answer button appears misaligned in H5 mode.
API changes
TUICallKitServer.destroy() Add call restriction, only support call in uncalled state.

Version 2.0.1 @2023.03.31

Add
Optimized the rendering logic of 1v1 call and multiplayer call video to improve performance and stability.
Optimized UI display, supporting displaying corresponding UI during TUICallKitServer.call() execution, i.e. <TUICallKit/> UI component can be displayed immediately by clicking the call button.
Fix
Fix the issue that nicknames are displayed incorrectly in multiplayer calls.
Fix the issue that CSS does not limit the effective range and pollutes the global style.

Version 2.0.0 @2023.03.21

New features
Support for importing packaged CallKit files from npm.
Support for JavaScript versions of Vue projects.
Support for all versions of Vue projects, npm package for Vue 2: call-uikit-vue2.
Fix
Fixed the issue of call initiation failure due to missing camera device or permission.

Version 1.4.2 @2023.03.03

New features
Support for setting call resolution. See API Document for more details.
Support for modifying the screen display mode. See API Document for more details.
Optimized access steps.
Optimized error throwing.

Version 1.4.1 @2023.02.13

New features
Optimized the preview logic of local camera.
Optimized the rendering logic of remote video streams.

Version 1.4.0 @2023.01.06

New features
Support Vue 2.7+ project introduction.
Show nickname by default in call API.

Version 1.3.3 @2022.12.27

New features
Added empty value detection for call list when making a call in Basic Demo.
Added loading icon in Basic Demo when making a call.
Optimized the logic of device detection in Basic Demo,for example, it will not pop up actively after manually skipping.
Optimized the reference method of component icons.
Changed the default package management tool to npm.
Optimized the rendering method of video, and reduced the number of repeated rendering.
Fix
Fixed Basic Demo errors caused by outdated vue-CLI dependency.

Version 1.3.2 @2022.12.07

New features
Support language switching. See setLanguage for API details.
Optimized the logic of Basic Demo device detection, it will not pop up again after manually skipping.
Fix
Fix a warning caused by introducing defineProps.

Version 1.3.1 @2022.11.29

Note
The new version relies on tuicall-engine-webrtc@1.2.1. To use this version, please update tuicall-engine-webrtc first.
New features
Optimized the style.
Added support for monitoring the change of call type by the caller if the call is not answered.
Added support for device testing in the Basic Demo.
Fix
Fixed an internal logic error that occurs when the user hangs up.

Version 1.3.0 @2022.11.14

Note
Before you update to this version, please read the update guide.
New features
The call view can now automatically adapt to portrait mode on mobile webpages.
Added support for local camera preview when making a call.
Added support for device testing before a call in the Basic Demo.
Fix
Fixed the issue that the TIM instance is not entirely terminated after TUICallKitServer.destroy() .
Fixed the issue that the caller receives a no response notification when the callee is busy.
Fixed failure to package TypeScript types in the context of Vite.
API changes
If an error occurs after TUICallKitServer.call() or TUICallKitServer.groupCall() is called, the beforeCalling callback is no longer returned. You can use “try…catch” to catch the error.

Version 1.2.0 @2022.11.03

New features
Adapted to the new version of the TUICallEngine SDK.

Version 1.1.0 @2022.10.21

New features
Added support for full screen during a call.
Added support for call window minimizing using <TUICallKitMini/>.
Fix
Fixed known issues and improved stability.

Version 1.0.3 @2022.10.14

New features
Added support for quick user ID copying and one-click window opening.

Version 1.0.2 @2022.09.30

New features
Added demonstrations and more detailed directions to the integration guide.
Fix
Fixed the issue that device status is not shown when the user enters a room for the first time.
Fixed occasional failure to load icons when Webpack is used for packaging.
Fixed several known style issues.

Version 1.0.1 @2022.09.26

New features
Added support for hiding the mic icon of the callee when making a call.
Fix
Changed the SDKAppID input restriction in the Basic Demo to numeric.

Version 1.0.0 @2022.09.23

TUICallKit Basic Demo
Integration (TUICallKit)
API Documentation (TUICallKit)
UI Customization (TUICallKit)
FAQs (Web)