<img src="https://trtc.io/media/c7551679-2017-48b3-9257-c82a2102a4a3.png" alt="Join Tencent RTC at NAB Show 2024 in Las Vegas!">Exciting news for all tech enthusiasts! Tencent RTC, alongside Tencent Cloud, is proud to announce its participation at NAB Show 2024, held in Las Vegas. We invite you to visit our booth at <a href="https://nab24.mapyourshow.com/8_0/exhibitor/exhibitor-details.cfm?exhid=8800256">West Hall - W3830</a> to explore the latest product advancements in real-time communication technology.📍 Booth Location: West Hall — W3830📅 Sunday 4/14 - Wednesday 4/17Discover how Tencent RTC is revolutionizing the landscape of real-time communication with innovative solutions tailored for media and entertainment industries. Engage with our team of experts, explore live demos, and learn how our cutting-edge technologies can elevate your projects.For offline inquiries, feel free to <a href="https://calendly.com/trtc/meet-with-tencent-rtc-nabshow2024">schedule an appointment</a> at our booth #W3830.If you have any questions or need assistance online, our support team is always ready to help. Please feel free to <a href="https://trtc.io/contact">contact us</a> or join us on <a href="https://t.me/+EPk6TMZEZMM5OGY1">Telegram</a>.

How to integrate Tencent RTC Call (TUICallKit)?

Add Video Call to Your Flutter Project in Minutes

medium_add-video-call-with-ui-in-flutter.png

small_add-video-call-with-ui-in-flutter.png

thumbnail_add-video-call-with-ui-in-flutter.png

add-video-call-with-ui-in-flutter.png

Tencent RTC offers audio/video communication SDK and UI kits, and delivers a global end-to-end latency of below 300 ms on average. With Tencent RTC, you can quickly develop cost-effective, high-quality interactive audio/video features. We will be using <a href="https://trtc.io/document/54896?utm_source=twitter&amp;utm_medium=rtc&amp;utm_term=call&amp;utm_campaign=tutorial&amp;_channel_track_key=7l2AVMTC">Tencent RTC Call (TUICallKit</a>) , a customized UI component designed specifically for call scenarios. We will guide you through the step-by-step process of quickly adding audio and video calling functionality to your Flutter project (<a href="https://flutter.dev/">Flutter</a> 3.0 or higher version) in minutes.<div class="raw-html-embed"><iframe width="800" height="450" src="https://www.youtube.com/embed/zZRInxrE6wU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div><h2 id="How-to-integrate-Tencent-RTC-Call-(TUICallKit)?" style="margin-left:0pt;">How to integrate Tencent RTC Call (TUICallKit)?</h2>Create Your Application in the Console<ul><li>Access the <a href="https://console.trtc.io/">Tencent RTC console</a> and click on "Create Application."</li><li>After successfully creating the application, choose the 7-day free trial option.</li><li>Take note of your application's name, SDK, APP ID, and secret key.</li></ul><img src="https://trtc.io/media/9e923617-60d4-4b2c-997c-adbea93ebf46.png" alt="creating the call app.png">Import the Tencent RTC Call (TUICallKit) Component into Your Project<ul><li>Open your newly created Flutter project.</li><li>Import the <a href="https://trtc.io/sdkDownload?utm_source=website&amp;utm_medium=blog&amp;utm_term=trtc&amp;utm_campaign=blog&amp;_channel_track_key=6tiILagC">latest version</a> of the Tencent RTC Call (TUICallKit) component into your project's configuration file.</li><li>Execute the command "flutter pub get" in the command line to import the component successfully.</li></ul><img src="https://trtc.io/media/fbf3dbb0-cc07-4e64-8cd1-686c6532a439.png" alt="execute the command &quot;flutter pub get&quot; in the command line.png">Configure the Project<ul style="list-style-type:disc;"><li>After importing the component, configure some basic information in your new project.</li><li>Import the necessary Dart files for using the Tencent RTC Call (TUICallKit) component.</li><li>Request camera and microphone permissions in the info.plist file under Runner in your iOS project.</li></ul><img src="https://trtc.io/media/2f054dd4-f3df-4176-a52e-724d9467328e.png" alt="configuration coding.png">Log in to the TUI Call Kit Component<ul><li>Log in to the Tencent RTC Call (TUICallKit) component in your Flutter project.</li><li>Use the "TUICallKit.instance.login" interface, providing the SDKAppID, user ID, and user signature as parameters.</li><li>Fill in the user ID (e.g., 6666) and generate the user signature using the User Sig Generation tool in the console.</li></ul><img src="https://trtc.io/media/d3051ede-53b0-41d5-86cb-864fcb154974.png" alt="fill the userID, SDKAppID and userSig in the login function.png"><h2 id="Run!-Make-and-Answer-a-Call" style="margin-left:0pt;">Run! Make and Answer a Call</h2><ul style="list-style-type:disc;"><li>Create a simple UI with a button to initiate the audio and video call.</li><li>Display the user ID (e.g., 6666) using a text widget.</li><li>Use the TUI call kit.instance.call interface to make a call to another user (e.g., 8888) when the button is clicked.</li></ul><img src="https://trtc.io/media/bcab3bf7-3063-43e0-a3fb-0d8b5f72b39f.png" alt="add the &quot;TUICallKit.instance.call&quot; interface.png"><ul><li>Implement the response to incoming calls in your Flutter project.</li><li>Use the "TUICallKit.instance.answer" interface to answer the call when prompted.</li></ul><img src="https://trtc.io/media/c1357e96-63dc-42e3-8c97-9a9db50cb917.png" alt="call demo.png"><h2 id="Conclusion" style="margin-left:0pt;">Conclusion</h2>Today, audio/video calling has become an essential communication tool, and setting up a video call has never been easier. With Tencent RTC Call (TUICallKit), you can seamlessly integrate video calling functionality into your Flutter projects, providing a simple and connected experience for your users.If you have more advanced requirements such as AI-powered noise cancellation and spatial audio, we offer a fully customized audio/video communication SDK &amp; API family for web, mobile, and games. Tailor your video communication experience to meet your specific needs and captivate your audience with <a href="https://trtc.io?utm_source=website&amp;utm_medium=blog&amp;utm_term=trtc&amp;utm_campaign=blog&amp;_channel_track_key=vk1DdHNL">Tencent RTC</a>.If you have any questions or need assistance, our support team is always ready to help. Please feel free to get in <a href="https://trtc.io/contact">touch with us</a>, or join us in <a href="https://discord.gg/hq7jW7zChW">Discord</a>.