当前位置：首页 > news >正文

【Flutter】使用LiveKit和Flutter构建实时视频聊天应用

news 来源：原创 2025/8/3 22:46:17

引言

在当今快速发展的数字世界中，实时视频通信已成为许多应用程序的核心功能。无论是远程工作、在线教育还是社交网络，高质量的实时视频功能都至关重要。LiveKit作为一个开源的WebRTC解决方案，提供了构建可扩展实时音视频应用所需的一切工具。结合Flutter的跨平台能力，我们可以轻松创建出色的视频聊天体验。

本文将带你了解如何使用LiveKit Server和LiveKit Flutter SDK构建一个实时视频聊天应用。

准备工作

设置LiveKit Server
首先，我们需要设置LiveKit服务器，这里直接用网上下载的https://github.com/livekit/livekit。
本地启动
请使用cmd运行

c:\Users\用户名\Documents\GithubProjects\livekit\livekit-server.exe --dev --bind 0.0.0.0

默认key是apikey,密码是secert。
记住你的API_KEY和API_SECRET，稍后客户端连接时会用到。
2. 创建Flutter项目
创建一个新的Flutter项目:

flutter create livekit_flutter_demo
cd livekit_flutter_demo

集成LiveKit Flutter SDK

添加依赖
在pubspec.yaml中添加LiveKit Flutter SDK:

dependencies:# LiveKit SDK用于实时音频/视频通信livekit_client: ^2.3.6livekit_components: ^1.1.1# 权限处理插件permission_handler: ^11.3.0crypto: ^3.0.6

然后运行:

flutter pub get

配置权限
对于Android，在AndroidManifest.xml中添加:

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

对于iOS，在Info.plist中添加:

<key>NSCameraUsageDescription</key>
<string>需要摄像头权限来进行视频通话</string>
<key>NSMicrophoneUsageDescription</key>
<string>需要麦克风权限来进行语音通话</string>

构建视频聊天界面

初始化LiveKit客户端

 Future<Result<Room>> connectToRoom(String url, String token) async {final room = Room(roomOptions: RoomOptions(adaptiveStream: true));try {await room.prepareConnection(url, token);await room.connect(url, token);state = room;return Result.success(room);} catch (e) {state = null;return Result.failure(e);}}

2.生成token
token本应是服务器给，但是有时需要客户端生成,jwt形式。

auth_service.dart
import 'dart:convert';import 'package:crypto/crypto.dart';class AuthService {/// 生成视频通话的JWT令牌////// [roomName] - 房间名称/// [identity] - 用户标识/// [expiresIn] - 令牌有效期，可选值：///   - 1小时 (1h)///   - 6小时 (6h)///   - 24小时 (24h)///   - 168小时 (7天)///   - 720小时 (30天)///   - 8760小时 (1年)/// [key] - API密钥/// [secret] - API密钥对应的密钥static String generateVideoToken(String roomName, String identity,Duration expiresIn, String key, String secret) {final now = DateTime.now().toUtc();final nbf = now.millisecondsSinceEpoch ~/ 1000;final exp = now.add(expiresIn).millisecondsSinceEpoch ~/ 1000;final header = {'alg': 'HS256', 'typ': 'JWT'};final videoGrants = {'room': roomName,'roomJoin': true,'canPublish': true,'canSubscribe': true,};final claims = {'iss': key,'nbf': nbf,'exp': exp,'sub': identity,'video': videoGrants,};String base64UrlEncodeNoPadding(String str) =>base64Url.encode(utf8.encode(str)).replaceAll('=', '');final encodedHeader = base64UrlEncodeNoPadding(json.encode(header));final encodedPayload = base64UrlEncodeNoPadding(json.encode(claims));final message = '$encodedHeader.$encodedPayload';final hmac = Hmac(sha256, utf8.encode(secret));final digest = hmac.convert(utf8.encode(message));final signature = base64Url.encode(digest.bytes).replaceAll('=', '');return '$encodedHeader.$encodedPayload.$signature';}
}

一切配置到这，你就可以进入房间了。
3.启用麦克风和相机

 await room.localParticipant?.setMicrophoneEnabled(true);await room.localParticipant?.setCameraEnabled(true);

4.视频推流

// 创建摄像头轨道final options = CameraCaptureOptions(cameraPosition: _isFrontCamera ? CameraPosition.front : CameraPosition.back,params: const VideoParameters(dimensions: VideoDimensions(640, 480)),final cameraTrack = await LocalVideoTrack.createCameraTrack(options);await localParticipant.publishVideoTrack(cameraTrack);

停止推流

// 停止推流try {for (final pub in localParticipant.videoTrackPublications) {if (pub.source == TrackSource.camera) {await localParticipant.unpublishAllTracks();}}} catch (e) {debugPrint('停止推流失败: $e');}

预览

VideoTrackRenderer(videoTrack,fit: RTCVideoViewObjectFit.RTCVideoViewObjectFitCover,)

查找房间人数

int getParticipantCount() {// 本地参与者(自己) + 远程参与者数量return 1 + room.remoteParticipants.length;
}

【Flutter】使用LiveKit和Flutter构建实时视频聊天应用

引言在当今快速发展的数字世界中，实时视频通信已成为许多应用程序的核心功能。无论是远程工作、在线教育还是社交网络，高质量的实时视频功能都至关重要。LiveKit作为一个开源的WebRTC解决方案，提供了构建可扩展实时音视频应用所需的一切工具…...

编程日记 2025/8/3 22:46:17

Android Jetpack Compose 状态管理解析：remember vs mutableStateOf，有啥不一样？为啥要一起用？

🌱《Jetpack Compose 状态管理解析：remember vs mutableStateOf，有啥不一样？为啥要一起用？》在 Jetpack Compose 的世界里，UI 是响应式的。这意味着当状态发生变化时，UI 会自动重组&#xff0…...

编程日记 2025/8/1 22:59:15

QT6 源（37）：界面组件的总基类 QWidget 的源码阅读（下，c++ 代码部分）

（1） QT 在 c 的基础上增加了自己的编译器，以支持元对象系统和 UI 界面设计，有 MOC 、 UIC 等 QT 自己的编译器。本节的源代码里，为了减少篇幅，易于阅读，去除了上篇中的属性部分， 上篇…...

编程日记 2025/8/3 22:40:35

进程与线程：01 CPU管理的直观想法

多进程图像与操作系统核心好从今天开始，我们就要开始学习操作系统，最核心的图像是多进程图像。前面我们讲过，多进程图像对操作系统来说非常重要，它是操作系统的核心图像。明白了它以后，对于理解操作系统的一大部分内…...

编程日记 2025/8/3 6:21:49

19. git reflog

基本概述 git reflog 的作用是：查看本地仓库的引用日志（reference log），例如分支、HEAD等。它可以帮助你找回误删的提交、恢复被覆盖的分支，或回溯操作历史。基本用法 1.查看完整的reflog git reflog这会显示所有…...

编程日记 2025/8/3 22:40:32

C语言 —— 铭纹织构未诞之镜 - 预处理详解

目录 1. 什么是预处理（预编译） 编辑 2. 预定义符号 3. #define 定义常量 4. #define定义宏 5. 带副作用的宏参数 6. 宏替换的规则 7. 宏和函数的对比 8. #和## 8.1 #运算符 8.2 ## 运算符 9. #undef 10. 条件编译 1. 什么是预处理&#xf…...

编程日记 2025/7/31 23:54:41

Linux 文件系统目录结构详解

Linux 文件系统目录结构详解 Linux 文件系统遵循 Filesystem Hierarchy Standard (FHS) 标准，定义了各个目录的用途和文件存放规则。无论是开发者、运维工程师还是普通用户，理解这些目录的作用都至关重要。本文将全面解析 Linux 的目录结构，…...

编程日记 2025/8/3 22:41:14

2025-4-19 情绪周期视角复盘（mini）

我本以为市场进化规律下产生龙头战法的末法时代导致情绪周期逐步混乱或者说混沌期漫长。所谓的市场进化无非也是量化的发展和各类资金逐步量化化的充分博弈下的结果。通过逐步向上思考发现，不仅仅我们的市场是处于一个存量的时代背景，重要的是我们的思维…...

编程日记 2025/8/3 22:40:33

-实用类-

1. API是什么 2.什么是枚举 ！有点类似封装！ 2.包装类注意： 1.Boolean类构造方法参数为String类型时，若该字符串内容为true(不考虑大小写)，则该Boolean对象表示true，否则表示false 2.当包装类构造方法参…...

编程日记 2025/8/3 22:42:03

Unity3D仿星露谷物语开发36之锄地动画2

1、目标当角色锄地之后，地面会显示开垦后的样貌。 2、思路上一篇中，虽然角色dig了hoe，同时grid属性也改变了，但是没有任何可视化的反馈。我们现在将添加新的功能，动态地将"dug ground"瓷砖添加到"…...

编程日记 2025/7/29 11:04:55

【备考高项】模拟预测题（一）案例分析及答案详解

更多内容请见：备考信息系统项目管理师-专栏介绍和目录文章目录试题一【问题 1】（10分)【问题 2】（5分）【问题 3】（4分)【问题 4】（6分）试题二【问题 1】（12分)【问题 2】（3分)【问题 3】（6分）【问题 4】（4分）试题三【问题 1】（4分)【问题 2】（10分)【问题 3】…...

编程日记 2025/8/3 22:40:33

7、sentinel

控制台访问地址：http://localhost:8080/ 依赖 <dependency><groupId>com.alibaba.cloud</groupId><artifactId>spring-cloud-starter-alibaba-sentinel</artifactId> </dependency>配置文件 spring:cloud:sentinel:transpo…...

编程日记 2025/8/3 22:41:14

状态管理最佳实践：Provider使用技巧与源码分析

状态管理最佳实践：Provider使用技巧与源码分析前言 Provider是Flutter官方推荐的状态管理解决方案，它简单易用且功能强大。本文将从实战角度深入讲解Provider的使用技巧和源码实现原理，帮助你更好地在项目中应用Provider进行状态管理。基…...

编程日记 2025/8/1 22:38:12

INFINI Console 系统集群状态异常修复方案

背景介绍运行 INFINI Console 1.29.0 和 1.29.1 版本的用户在新初始化平台后可能会遇到一个特定问题。如果后台的系统 Easysearch/Elasticsearch 集群（存储 Console 元数据的集群，通常名为 .infini_cluster 或类似名称）包含超过一个节点…...

编程日记 2025/8/3 12:15:49

Spring Boot自动装配原理(源码详细剖析！)

什么是Spring Boot的自动装配？ 自动装配是Spring Boot的核心功能，它能够根据应用程序的依赖和配置自动配置Spring。这意味着我们只需要添加大量的依赖，Spring Boot就能自动完成配置，减少了人工配置的工作量。自动装配的核心注…...

编程日记 2025/8/3 22:43:11

大数据驱动的高效能量管理：智能优化与实践探索

大数据驱动的高效能量管理：智能优化与实践探索在全球能源需求不断增长的背景下，如何提高能源利用效率成为各行业关注的焦点。传统的能源管理方式往往依赖固定规则和人工监测，难以适应复杂多变的应用场景。而大数据技术的兴起，为能量管理提供了新的解决方案——通过数据驱…...

编程日记 2025/8/3 22:43:32

《银行数字化风控-业务于实战》读后知识总结

引言在金融科技高速发展的今天，银行的风控体系正经历从“人工经验驱动”向“数据智能驱动”的深刻变革。《银行数字化风控-业务于实战》一书以实战为导向，系统性地剖析了数字化风控的核心逻辑、技术实现路径及业务落地方法论。作为深耕风控领域多年的从…...

编程日记 2025/8/3 1:54:59

初级达梦dba的技能水准

在x86环境（windows、linux）安装单机软件，安装客户端创建过至少20套数据库，优化参数并更新过正式许可会用逻辑导出导入以及dmrman备份了解manager工具的使用配置sqllog日志，并能解释输出内容能够分析因磁盘空间不足、内…...

编程日记 2025/8/3 4:08:27

C++初阶-类和对象（中）

目录 1.类的默认成员函数 2.构造函数（难度较高） 编辑编辑编辑 3.析构函数 4.拷贝构造函数 5.赋值运算符重载 5.1运算符重载 5.2赋值运算符重载 6.取地址运算符重载 6.1const成员函数 6.2取地址运算符重载 7.总结 1.类的默认成员函数…...

编程日记 2025/8/3 1:20:53

Linux网络UDP与TCP

基础知识传输层负责数据能够从发送端传输接收端。端口号(Port)标识了一个主机上进行通信的不同的应用程序; 在 TCP/IP 协议中, 用 “源 IP”, “源端口号”, “目的 IP”, “目的端口号”, “协议号” 这样一个五元组来标识一个通信(可以通过 netstat -n 查看); 端口号范…...

编程日记 2025/8/3 22:44:52

23、.NET和C#有什么区别?

1、定义与范畴 .NET 定义 .NET 是一个由微软开发的开发平台（Platform），它提供了一套完整的工具、库和运行时环境，用于构建各种类型的应用程序。范畴包括 .NET Framework、.NET Core（现称为 .NET 5 及以上版本&a…...

编程日记 2025/8/3 22:41:13

Qt6离线安装过程

Qt6离线安装过程说明解决方案联网笔记本安装qt6拷贝到离线电脑修改qtenv2.bat文件说明现在qt6已经不能通过离线的方式下载安装包安装了，只能通过登陆的方式在线安装，但是，又有离线安装运行的需求，那么怎么办呢？请跟…...

编程日记 2025/8/3 22:43:33

如何在 Go 中创建和部署 AWS Lambda 函数

AWS Lambda 是一个无服务器计算平台，您可以使用自己喜欢的编程语言编写代码，无需担心设置虚拟机。您只需为 Lambda 函数的调用次数和运行时间（毫秒）付费。我们大多数人都了解 JavaScript 和 Python，但它们的内存效率…...

编程日记 2025/8/1 20:44:25

【后端】【Django】Django 模型中的 `clean()` 方法详解：数据校验的最后防线

Django 模型中的 clean() 方法详解：数据校验的最后防线在 Django 的模型系统中，我们经常使用字段级别的校验器（validators）来约束某个字段的取值范围。但当校验逻辑涉及多个字段之间的关系时，字段级别校验就无能为力…...

编程日记 2025/8/3 22:43:10

内存管理详解（曼波脑图超详细版！）

(✪ω✪)曼波来解答三连问啦！准备好内存知识大礼包了吗？(≧∇≦)ﾉ ━━━━━━━━━━━━━ ฅ^•ω•^ฅ ━━━━━━━━━━━ 一、内存分配详解 (๑>ᴗ<๑) (1) 栈内存 → 像便签纸📝 void calculate() {int a …...

编程日记 2025/8/3 14:16:08

【2025最新redis数据结构之Hypeloglog介绍】关于Hypeloglog

HyperLogLog (HLL) 算法深度解析一、HLL 基本概念 HyperLogLog 是一种用于基数统计（distinct counting）的概率算法，能够在极小内存占用下（通常只需几KB）估算巨大数据集的基数（不重复元素数量&#xff09…...

编程日记 2025/8/3 13:13:11

软考复习——知识点软件开发

开发模型瀑布模型各个活动规定为线性顺序连接的若干阶段的模型。是一种理想的现象开发模型，缺乏灵活性，无法理解软件需求不明确或不准确的问题。适用于需求明确的项目。演化模型从初始的原型逐步演化成最终软件产品，特别适用于对软件…...

编程日记 2025/7/29 8:03:14

关于AI：记忆、身份和锁死

作者：John Battelle 当生成式AI迎来投资热潮、产品发布和炒作高峰时，我们大多数人在奔向“下一个大事件”的过程中，忽略了一个深层次的缺陷。我们现在主流的AI产品和服务（比如OpenAI、Google和Microsoft的产品）都是通过…...

编程日记 2025/7/29 12:17:20

2024新版仿蓝奏云网盘源码，已修复已知BUG，样式风格美化，可正常运营生产

说起网盘源码，网络上出现的也很多，不过可真正正能够用于运营的少之又少。今天将的蓝奏云网盘源码，其实网络上也有，不过是残缺版，bug很多。我今天分享的仿蓝奏云模板是经过长时间测试修复后的源码，源码实测可…...

编程日记 2025/8/3 10:46:02

OJ - 设计循环队列

622. 设计循环队列 - 力扣（LeetCode） 循环队列是一种线性数据结构，其操作表现基于 FIFO（先进先出）原则，并且队尾被连接在队首之后以形成一个循环。它也被称为“环形缓冲器”。循环队列的一个好处是我们可…...

编程日记 2025/7/29 12:17:14

实战指南：封装Faster-Whisper为FastAPI接口并实现高并发处理-附整合包

实战指南：封装Faster-Whisper为FastAPI接口并实现高并发处理-附整合包「faster-whisper」链接：https://pan.quark.cn/s/d4ddffb1b196 标题下面提供一个完整的示例，说明如何使用 FastAPI 封装 faster-whisper 接口，对外提供 RES…...

编程日记 2025/7/29 12:17:11

011数论——算法备赛

素数筛给定n, 求2~n内的所有素数埃氏筛利用素数的定义， 输出素数2，然后筛掉2的倍数，得 {2,3,5,7,9,11,13，…}输出素数3，然后筛掉3的倍数，得 {2,3,5,7,11,13，…} 继续上述步骤&#xff0…...

编程日记 2025/7/28 21:09:56

C语言之机房机位预约系统

🌟 嗨，我是LucianaiB！ 🌍 总有人间一两风，填我十万八千梦。 🚀 路漫漫其修远兮，吾将上下而求索。 C语言之机房机位预约系统目录博客：机房机位预约系统设计与实现系统功能概述…...

编程日记 2025/7/30 13:16:30

中间件--ClickHouse-14--案例-3-其他案例思路概述

1、广告投放效果分析案例背景： 一家广告平台需要分析广告的点击、曝光、转化等数据，以优化广告投放策略并提升 ROI（投资回报率）。解决方案： 数据接入：将广告投放相关的数据（如曝光、点击、…...

编程日记 2025/8/1 20:22:44

saas是什么？它做什么用的。及和Paas和laas有什么区别

Saas是什么？它做什么用的。及和Paas和laas有什么区别提示：帮帮志会陆续更新非常多的IT技术知识，希望分享的内容对您有用。本章分享的是行业内容。前后每一小节的内容是存在的有：学习and理解的关联性，希望对您有用~ 文…...

编程日记 2025/7/31 8:56:47

文章目录 QFileDialogQFileDialog打开开发案例QFileDialog保存开发案例实现文件打开功能开发流程打开功能优化 QComboBoxQListExtraSelection 简介 QFileDialog QFileDialog打开开发案例 #include <QApplication> #include <QFileDialog> #include <QStringLi…...

编程日记 2025/7/29 12:17:01

松灵Cobot Magic双臂具身遥操机器人（基于ROS的定位建图与协同导航技术）

摘要本文以CobotMagic可移动协作机器人为研究对象，从硬件架构设计、软件系统架构、多传感器融合定位建图系统、智能导航系统协同机制四个维度，深入解析机器人系统工作原理。重点研究多传感器融合定位建图系统实现原理，结合实测数据验证系统…...

编程日记 2025/8/1 1:58:51

AI——神经网络以及TensorFlow使用

文章目录一、TensorFlow安装二、张量、变量及其操作1、张量Tensor2、变量三、tf.keras介绍1、使用tf.keras构建我们的模型2、激活函数1、sigmoid/logistics函数2、tanh函数3、RELU函数4、LeakReLu5、SoftMax6、如何选择激活函数 3、参数初始化1、bias偏置初始化2、weight权重…...

编程日记 2025/8/3 5:16:01

实现对象之间的序列化和反序列化

1.什么是序列化？ 在项目的开发中，为了让前端更好的分析后端返回的结果，我们一般会将返回的信息进行序列化，序列化就是将返回对象的状态信息转换为一种标准化的格式，方便在网络中传输也方便打印日志时号观察&#xff0…...

编程日记 2025/8/1 23:34:51

QML中日期处理类

在 QML 中处理日期和时间主要使用 JavaScript 的 Date 对象以及 Qt 提供的一些相关功能。以下是常用的日期处理方式： 1. JavaScript Date 对象 QML 可以直接使用 JavaScript 的 Date 对象： qml // 创建当前日期时间 var currentDate new Date()// 创…...

编程日记 2025/8/2 16:58:52

基于docker-java封装的工具类

基于docker-java封装的工具类背景环境工具类背景写OJ系统时需要用docker作为代码沙箱使用，顺手封装了一个工具类，给自己做个笔记，如果可以的话也希望帮助到其他人。环境 docker 26.1.4docker-java 3.4.2docker-java-transport-httpcli…...

编程日记 2025/8/3 7:21:55

windows docker desktop 无法访问容器端口映射

为什么使用docker desktop访问映射的端口失败，而其端口对应的服务是正常的？ 常见问题，容器的防火墙没有关闭！！！ 以centos7为例，默认情况下防火墙处于开启状态： 这下访问就OK了...

编程日记 2025/7/29 12:16:47

ReentrantReadWriteLock读写锁

一、锁的分类这里不会对Java中大部分的分类都聊清楚，主要把 **互斥，共享** 这种分类聊清楚。 Java中的互斥锁，synchronized，ReentrantLock这种都是互斥锁。一个线程持有锁操作时，其他线程都需要等待前面的线程释放锁…...

编程日记 2025/7/29 22:51:16

Vue.js 入门教程

Vue.js 入门教程 Vue.js 是一款非常流行的前端 JavaScript 框架，适用于构建用户界面。它的设计思想是尽可能简单、灵活，易于与其他库或现有项目整合。本文将从最基础的概念开始，逐步引导你学习 Vue.js。一、Vue.js 基础概念 1.1 什么是 V…...

编程日记 2025/7/29 1:23:22

解决Docker 配置 daemon.json文件后无法生效

vim /etc/docker/daemon.json 在daemon中配置一下dns {"registry-mirrors": ["https://docker.m.daocloud.io","https://hub-mirror.c.163.com","https://dockerproxy.com","https://docker.mirrors.ustc.edu.cn","ht…...

编程日记 2025/7/29 12:16:40

wpf stylet框架关于View与viewmodel自动关联绑定的问题

1.1 命名规则 Aview 对应 AVIewModel, 文件夹 views 和 viewmodels 1.2 需要注册服务 //RootViewModel是主窗口 public class Bootstrapper : Bootstrapper<RootViewModel>{/// <summary>/// 配置IoC容器。为数据共享创建服务/// </summary…...

编程日记 2025/7/29 5:13:39