anyRTC Flutter SDK: Fully realize cross-platform audio and video interaction

AnyRTC SDK adds support for Flutter cross-platform mobile framework access. Based on anyRTC Flutter SDK, developers can simply and efficiently implement cross-platform audio, video and real-time messaging functions. Let me introduce to you what Flutter is.

Insert picture description here

What is Flutter

Flutter is Google's mobile UI framework, which can quickly build high-quality native user interfaces on iOS and Android. Flutter can work with existing code. Around the world, Flutter is being used by more and more developers and organizations, and Flutter is completely free and open source.

Simply put, Flutter is a new Google SDK for building cross-platform mobile apps. Write a code that can run on both Android and iOS platforms.

Flutter is developed using the Dart language. Dart can be compiled (AOT) into native codes of different platforms, allowing Flutter to communicate directly with the platform without an intermediate bridging process, thereby improving performance.

img

Current status and advantages of Flutter

status quo

Flutter is open, it is a completely open source project. Developers around the world can use and expand Flutter's source code for free, and contribute to Flutter's ecology and documentation. We have seen many Chinese developers active in the community and made solid contributions to Flutter. In StackOverflow's 2019 global developer survey, Flutter was selected as one of the most popular frameworks for developers, surpassing TensorFlow and Node.js.

Many familiar brands around the world have adopted Flutter, including many well-known domestic companies. As shown below:

img

Advantage

  • Rapid development

    Hot reload in milliseconds, after modification, your application interface will be updated immediately. Use a rich, fully customizable widget to build a native interface in minutes.

  • Expressive and flexible UI

    Quickly release features that focus on the native experience. The layered architecture allows you to fully customize, resulting in incredibly fast rendering and expressive and flexible designs.

  • Native performance

    Flutter includes many core widgets, such as scrolling, navigation, icons, and fonts, which can achieve the same performance as native apps on iOS and Android.

How to implement real-time audio and video on Flutter

Flutter provides two methods for video rendering, namely Texture Widget and PlatformView.

Method 1: Texture Widget

First of all, we need to know that the video is composed of frames of images. Flutter's Texture provides a component that can be placed in the Layer Tree, and the data source in the component needs to be provided by you through the Native side.

Let's take iOS as an example, iOS needs to provide CVPixelBufferRef. This is a piece of data, which corresponds to a frame in the video. Provide this data as a data source to Texture Widget, and then Texture Widget can display the data you provide, and it will eventually become a video.

Method 2: PlatformView

Since Texture involves a lot of rendering processes, many people find it a bit complicated. So in the Flutter 1.0 version, Google gave a new thing called PlatformView.

PlatformView provides a way for us to create UI View and add it to Dart's LayerTree. The classes in Dart corresponding to the iOS and Android platforms are UIKitView and AndroidView, respectively.

How to use PlatformView: ViewFactory has been added to PluginRegistar, and only CreateView method of ViewFactory needs to be implemented. You can first provide an Identifier in this method. After implementing this method, you can return a PlatformView you want and bind it with the Dart component. Because anyRTC SDK supports passing Native View, and then render the video to it, it can be played.

AnyRTC Flutter SDK integration guide and demo demo

Reference address: https://github.com/anyRTC/Flutter-SDK

anyRTC takes into account the user's application to create a real-time message Flutter-RTM

Reference address: https://github.com/anyRTC/Flutter-RTM

Application scenario

Flutter SDK

Social entertainment

It can be used in group video chats : friends spit out, family meetings, gossip with girlfriends, exchanges between classmates and colleagues, and easily connect friends together.

img

Anchor Lianmai PK : A host PK can challenge another host in the live broadcast room during the live broadcast. Once the challenge is accepted, the anchors in the two live broadcast rooms will start to interact with the microphone. The live broadcast interface is divided into two, and the pictures of the two anchors are displayed at the same time, and the fans of both parties will also enter the same live broadcast room.

Online KTV : In online KTV, users in different places can arrange microphones, order songs, sing or sing in turns; anchors and players can connect microphones with voice at any time and perform PK.

in education aspect

One-to-one small class : intra-school LAN communication; video home visits; one-to-one teaching; easy cross-regional communication and interaction. The one-to-one online education model is also personalized and can control the teaching process in all aspects. One-to-one online education teaches students in accordance with their aptitude, and develops learning plans for students in an all-round way, so as to be more specific to students and prescribe medicine to the disease. Pay more attention to learning methods and create a new learning atmosphere for students. Through mutual infection, students can generate learning motivation and strong learning awareness in the learning process, and make students pay more attention to learning.

Insert picture description here

Online finance

Financial loans : From submitting application materials to loan issuance, it can be easily implemented on the mobile terminal, online review and processing of loans, and synchronous recording to control loan risks.

Video customer service : One-to-one exclusive video customer service, which can be generally used in bank customer service, online audit services and other services. It can confirm customer status online, handle business, improve business processing speed, save resources, and provide customers with more convenient services . Video customer service provides customers with a richer sense of presence and personalized experience by coordinating communication, supporting emotional expression and sharing content in real time. It is equipped with recording/screen recording tools. Supervisors/Managers can check each video interaction to view the customer service center. Whether the agent is sympathetic and emotional to the customer.

Insert picture description here

Flutter-RTM

  • Social communication

    Audio and video calls: One-to-one and multi-person audio and video call signaling

    Chat interaction: one-to-one text messages, group text messages, etc.

  • Live chat room

    Chat interaction: group chat messages, barrage, gifts, likes, etc.

    Live room status maintenance: upload and download status, number of people in the live room, list management, etc.

    Insert picture description here

  • Game exchange

    Team formation, game commentary, game live room news, gifts, etc.

to sum up

anyRTC Flutter SDK provides developers with more development options. At the same time, the anyRTC cross-platform framework already supports APICloud ( https://www.apicloud.com/mod_detail/115685 ). AnyRTC will also keep up with the times and create more There are many applications to serve all users. Electron and uni-app are already on the way of internal testing. Please wait and see!

anyRTC Entrepreneurship Support Plan

From now on-December 30, 2020, the anyRTC Entrepreneurship Support Program is officially launched. AnyRTC is committed to providing expert guidance and comprehensive support for technology, capital, and issuance to the entrepreneurial team, and one-stop solution to all problems from product initiation to launch. Help small and medium-sized enterprises to easily create explosive applications in the audio and video field.

For more information about the entrepreneurial support plan, please go to the official website of anyRTC:

AnyRTC Entrepreneurship Support Program URL: https://www.anyrtc.io/activity

anyRTC official website: https://www.anyrtc.io/

Guess you like

Origin blog.csdn.net/anyRTC/article/details/109595922