- 综合排序
- 最热优先
- 最新优先
- 来自专栏h5
flutter3.38-douyin仿写抖音app直播+短视频+聊天
基于Flutter3.38+Dart3.10跨平台实战 - 2025年12月Flutter3构建抖音app界面集成短视频+直播+聊天应用。 如上图：直播实现上下滑动切换效果，右侧滑入直播进场/左侧滑入礼物提示动效、商品列表、礼物、商品讲解、弹幕消息等功能。 项目知识点技术框架：Flutter3.38.2+Dart3.10.0路由状态管理：get: ^4.7.3本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view ^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.8.6视频套件：media_kit: ^1.2.3项目框架目录使用最新款跨平台框架Flutter3.38.2 上下滚动切换短视频、左右滚动切换页面模块。整个项目整合了短视频+直播+聊天功能，涉及到的知识点还是非常多的。后续还会分享一些实现技术细节。感谢大家的阅读与支持。
37321编辑于 2025-12-07 - 来自专栏h5
最新跨平台flutter3.38+dart3.10深度集成短视频+直播+聊天
2025/12爆肝新作flutter3.38.2+dart3.10+get搭建跨平台深度混合短视频+直播+聊天app应用程序。 上下滚动切换短视频、左右滚动切换页面模块。项目框架目录基于最新跨平台技术框架flutter3.38.2构建项目模板。 仿写抖音app短视频+直播+聊天实例的一些分享，希望对大家有所帮助！ 手机版后台管理系统最新研发uniapp+vue3仿微信app聊天模板最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于 uni-app+vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版
33521编辑于 2025-12-08 - 来自专栏强仔博客
把QQ聊天记录转为短链接
我们都知道聊天记录为QQXML消息类型，这一类消息被称为QQ卡片消息，发多了会造成消息屏蔽或其他后果，那我们看到有趣的聊天记录又想分享给朋友怎么办呢？ ( 我就知道你个老色批想多了 )，这时如果把聊天记录转成短链接的形式发给朋友就不会有任何影响了，今天强仔教你如何把QQ聊天记录转为短链接。 文字教程 首先我们需要用到一个接口 http://mma.qq.com.uu.zghnhxs.com/sharewx.html( 绿色安全无广告 ) 接下来我们先去模拟一个聊天记录 然后我们长按聊天记录 rId=填写你的聊天记录resid&fName=53DD5FAC-9097-45BF-A9F2-4413AC0445AE&url=https://q6q.cc 例如我们的: http://mma.qq.com.zghnhxs.com fName=53DD5FAC-9097-45BF-A9F2-4413AC0445AE&url=https://q6q.cc 下面一步很简单了，我们链接很长，为了更简洁美观，我们需要把链接缩短 推荐ft12短链缩短傻瓜式一步缩短到位
3.6K20编辑于 2021-12-20 - 来自专栏h5
Vue3.0+Vant3移动端短视频+聊天+直播实战
前言 随着人们生活品质的提高，5G及手机硬件的快速发展，短视频/直播快速的成为了很多人的娱乐方式。 未标题-pp2.png 前一段时间有分享一个vue3.0网页端聊天实例，今天继续给大家分享一个最新开发的vue3.0小视频+直播实战项目。 003360截图20210201105746554.png 015360截图20210201111050095.png vue3.0-douyin 支持滑动切换小视频、点赞/评论/商品、聊天/弹幕/送礼物等功能 vue3.x自定义mobile版弹窗组件|vue3对话框 vue3实现小视频/直播效果 项目中的小视频和直播页面有些功能是公用的，小视频页可以上下左右滑动切换，直播页上下滑动并新增弹幕/滚动消息/送礼物等功能 /直播实例就分享到这里。
5.2K70发布于 2021-02-03 - 来自专栏h5
flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城
带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。整合了短视频+直播+聊天三大功能模块。 使用技术编辑器：vscode技术框架：flutter3.27.1+Dart3.6.0路由/状态管理：get: ^4.6.6本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view ^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.8.3视频套件：media_kit: ^1.1.11实现了类似抖音App首页联动效果，上下滑动短视频 项目框架结构目录使用最新版跨平台框架Flutter3.27开发搭建项目模板。 Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import
1.2K21编辑于 2025-02-07 - 来自专栏h5
Flutter+Dart聊天实例|flutter仿微信聊天|红包|朋友圈
Flutter_Chatroom聊天室项目是基于flutter+dart技术开发的跨平台聊天实战案例，基本实现了登录/注册表单验证、消息表情发送、图片预览、红包/视频/朋友圈等功能。 006360截图20200512002852994.png 技术点 技术框架：Flutter 1.12.13/Dart 2.7.0 视频组件：chewie: ^0.9.7 图片/拍照：image_picker 聊天页面实现|TextField编辑框插入表情 360截图20200513093616798.png flutter中TextField文本框提供的maxLines属性可实现多行/换行文本，不过默认会有高度 聊天消息滚动到最底部，使用的是ListView里controller控制器jumpTo方法实现 ScrollController _msgController = new ScrollController +dart实战聊天室项目就分享到这里，后续会继续分享更多实例项目，希望能有些帮助~~
7.3K31发布于 2020-05-13 - 来自专栏h5
基于uni-app+vue3实战短视频+聊天+直播app商城
2025最新跨端uniapp+vue3+pinia2+uv-ui搭建仿抖音app小视频+直播+聊天一体的多功能直播商城系统。uni-vue3-welive支持编译运行到H5+小程序端+App端。 uaPopup（uniapp封装多端弹框组件）自定义组件：uaNavbar+uaTabbar组件本地缓存：pinia-plugin-unistorage编译支持：h5+小程序+APP端支持全屏沉浸式滑动切换短视频 /直播模块。 项目结构uniapp短视频模板<ua-layout> <view class="ua__swipervideo flex1"> <swiper class="ua <em>flutter</em>3.27+getx仿抖音app短<em>视频</em>商城：https://cloud.tencent.com/developer/article/2493971 Electron32桌面端os系统：https
45810编辑于 2025-07-03 - 来自专栏音视频咖
TRTC Flutter 支持四大场景快速接入！
当然，我们腾讯实时音视频也不落后，给常见的应用场景提供了快速集成实时音视频 SDK，运行 TRTC 场景化 Flutter Demo，即可实现双人音视频通话、语音沙龙、互动直播等应用场景。 TRTCChatSalon 是一个开源的 Class，依赖腾讯云的两个闭源 SDK，具体的实现过程请参见 语音沙龙（Flutter）。 TRTC SDK：使用TRTC SDK作为低延时语音聊天组件。 （演示效果） 语音沙龙场景快速跑通 Demo 语音沙龙场景API 文档 视频互动直播是基于腾讯云实时音视频 TRTC 和即时通信 IM 服务组合而成的，支持以下功能： 主播创建新的直播间开播，观众进入直播间观看 IM SDK：使用IM SDK的 AVChatroom 实现直播聊天室的功能，同时，通过 IM 消息串联主播间的连麦流程。 （演示效果） 视频互动直播场景快速跑通 Demo 文档 视频互动直播场景 API 文档 欢迎大家扫码体验 TRTC Flutter Demo 我们也为开发者提供了快速跑通 Flutter Demo
2.6K50发布于 2021-07-05 - 来自专栏h5
Uni-APP高仿抖音|uniapp直播+小视频+聊天实例
项目概况 uniapp-ttLive 一款使用uni-app+uview-ui开发的跨端短视频/直播聊天项目。 uniapp自定义组件uaNavbar+uaTabbar uaPopup全新支持nvue弹窗组件 image.png uapopup针对uniapp短视频直播项目开发的一款全端弹窗组件。 uni-app跨平台自定义弹窗组件 uni-app直播/短视频 项目中直播/短视频页面整体分为顶部导航区域、视频区域、底部菜单栏区域三个部分。 未标题2(直播)-h5.png <view v-if="currentTab == 2" class="ua__tabcnt-recommend"> <swiper class="ua__vdplayer-swiper /<em>直播</em><em>聊天</em>项目就分享到这里了。
4.7K01发布于 2021-09-23 - 来自专栏Android知识
Flutter视频播放、Flutter VideoPlayer 视频播放组件精要
1 添加依赖 # 视频播放 video_player: ^1.0.1 2 播放视频前的准备 2.1 网络访问权限 在 ios 目录下的 info.plist 清单文件中配置 iOS设置的http 视频资源的加载以及播放控制全部是通过 VideoPlayerController来操作的 3.1 视频资源的加载 VideoPlayerController _playerController ; AspectRatio( //设置视频的大小 宽高比。 : VideoPlayer(_videoPlayerController), ), ) 3.3 视频播放相关控制 //获取当前视频播放的信息 VideoPlayerValue videoPlayerValue ; //当前视频是否循环 bool isLoop = videoPlayerValue.isLooping; //当前播放视频的总时长 Duration totalDuration
6K20编辑于 2022-02-08 - 来自专栏其他相关技术
【10】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时
【10】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交 APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex章节内容【10】【10】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件 TUIkit 是腾讯云音视频团队结合业内主流的音视频场景，提炼出的开源解决方案，包含视频通话组件、直播组件、视频房间组件等多个客户端音视频组件，可以帮助开发者快速搭建诸如通话、客服、直播、语聊、教育等场景解决方案 有ui的集成方案的组件叫做TUIPusher 组件，TUIPusher 组件是一套开源的、完整的视频直播互动推流组件，它基于腾讯云 直播 Live SDK 和 即时通信 IM SDK ，实现直播推流，直播 其他部分SDK以此类推，举一反三，其中本项目中要用到的SDK有，实时音视频sdk，即时通讯sdk，直播sdk，国际版短信发送SDK,介绍完毕，我们来看书写的代码。
90110编辑于 2025-02-05 - 来自专栏即时通讯技术
直播系统聊天技术(七)：直播间海量聊天消息的架构设计难点实践
1、引言 在视频直播场景中，弹幕交互、与主播的聊天、各种业务指令等等，组成了普通用户与主播之间的互动方式。 直播系统聊天技术(三)：微信直播聊天室单房间1500万在线的消息架构演进之路》 《直播系统聊天技术(四)：百度直播的海量用户实时消息系统架构演进实践》 《直播系统聊天技术(五)：微信小游戏直播在Android 如今的视频直播间早已不单纯是视频流媒体技术问题，它还包含了用户可感知的多类型消息发送和管理、用户管理等任务。 我们先来归纳一下如今的典型视频直播间，相较于传统直播间所包含的主要功能特征、技术特征等。 针对上述第 2） 点，延时的累积效应会导致消息与直播视频流在时间线上产生偏差，进而影响用户观看直播时互动的实时性。所以，服务器的海量消息快速分发能力十分重要。
3.4K30编辑于 2022-02-23 - 来自专栏APP开发
直播APP的开发框架
劣势: 性能可能略逊于原生和Flutter（尤其在复杂音视频处理和动画方面），需要熟悉JS生态。 适用场景: 快速启动和迭代的中小型直播APP，功能相对标准化的直播需求。 劣势: 性能上限不如原生和Flutter，生态和组件可能不如React Native丰富。 适用场景: 需要快速进入中国市场，同时覆盖APP和多个小程序生态的直播APP。 适用场景: 对高并发和性能有极致要求的核心服务，如直播流调度、信令服务、高并发聊天服务。Python:框架: Django (全功能型), Flask (轻量级)。 IM (即时通讯): 如腾讯云IM，提供成熟的聊天、群组、信令服务。 RTC (实时通信): 用于连麦、PK等超低延迟互动。 对象存储 (OSS/COS): 存储直播回放、用户音视频、图片等。 直播APP的开发是一个持续演进的过程，很少有“一劳永逸”的框架。通常会采用多技术栈混合的方式，扬长避短，以满足不同模块的需求。
1.1K10编辑于 2025-05-29 - 来自专栏黄啊码【CSDN同名】
php视频直播
摄像头视频直播 LiveCamera是一款基于HTML5+WebSocket+PHP的视频直播系统，通过网页(HTML5)调用摄像头，通过websocket传输给PHP后端(workerman)，再由后端广播给所有在线播放网页 此应用支持部分手机浏览器调用摄像头直播摄像头视频流。 线上Demo 摄像头录制页面 实时接收视频流页面 安装启动 1、下载LiveCamera，并解压缩到任意目录 2、进入目录启动workermanphp start.php start -d如下图 ?
5K21发布于 2020-05-29 - 来自专栏移动开发之家
Flutter 双向聊天列表效果进阶优化
聊天列表是一个很扣细节的场景，在之前的 《Flutter 实现完美的双向聊天列表效果，滑动列表的知识点》 里，通过 CustomScrollView 和配置它的 center 从而解决了数据更新时的列表跳动问题 ，但是从 center 往上的高度还是不够，所以就出现了黄色 SliverList 顶部空白的问题； image 结合这个问题，这里可以发现关键的点就在于 reverse ，而对比微信和QQ的聊天列表需求 image 是的，我们其实是把顶部留空的问题转移到了底部，但是这个问题在实际业务场景是不成立，进入聊天列表首先就需要先加载满一页的数据，所以： 如果 old 数据本来就不够，例如例子里只有3条，那也就不会有加载更多 }, child:Text("点击我自动跳转新消息item") ), duration: Duration(milliseconds: 1000), )); } 所以从聊天列表的场景上看 ，实现一个聊天列表并不难，但是需要优化的细节可能会很多， 实例代码可见：https://github.com/CarGuo/gsy_flutter_demo/blob/master/lib/widget
96240编辑于 2022-03-29 - 来自专栏h5
Electron+Vite2整合开发vue3.0直播聊天小视频应用
前言 前段时间有给大家分享一个Electron跨端仿QQ聊天，今天带来最新研发的Electron短视频|直播应用。 未标题-p2.png 支持上下拖拽滑动切换视频、键盘上下键切换视频等功能。 template> </WinBar> <WinBar bgcolor="linear-gradient(to right, #36384a, #36384a)"> <template #title>视频预览 </template> </WinBar> 360截图20210326184718775.png 360截图20210327184615619.png 底部tabbar组件采用了全透明镂空设计，搭配了视频播放进度条 webSecurity: false, enableRemoteModule: true, // 是否启用远程模块 } 好了，使用vitejs+electron12跨端开发抖音桌面端短视频 /直播项目就分享到这里。
2.7K40发布于 2021-03-28 - 来自专栏布谷科技
语音直播系统开发：如何实现语音直播聊天系统？
相比真人视频形态的直播方式，语音直播因为不需要露脸、不需要颜值，一定程度上则为用户降低了直播的门槛，这一优势也将会吸引更多的用户成为主播，而收听直播的用户也可以不再需要只停留在直播间内，在操作体验上将更加方便用户可以边听语音直播边做其他事 虽然与视频直播相比，语音获取信息的效率并不高，但却在陪伴的功能上更有优势，这也是语音直播系统开发不同于音频行业内的有声书内容最大的区别，语音直播的内容形态会更注重产品的社交属性。 四、再一当视频直播市场已经被各大直播平台牢牢把握份额的时候，用语音切入直播市场，是一个很取巧且有足够大概率弯道超车的行为。 ；易集成、扩展：集成稳定IM、音视频服务，满足即时通信聊天场景，高度灵活可扩展，不仅支持多人语音连麦，还支持多人视频连麦； 麦位管理方便：IM、聊天室自定义消息、聊天室队列接口，便捷实现频繁麦位管理需求 如何实现语音直播聊天系统？
5.7K30发布于 2020-05-06 - 来自专栏音视频咖
冲出国门联手日本直播平台.yell Live打造在线直播互动能力
TRTC Flutter 它究竟去日本干哈了？ 请听我慢慢道来...... Flutter 自从上市以来，就受到了广大开发者的强烈追捧。 腾讯云实时音视频 TRTC 也没落后，自去年上线以来，Flutter 就给常见的应用场景提供了快速集成的实时音视频 SDK 。 而这次，腾讯云 TRTC Flutter SDK 以它的实际行动跑到邻国日本去了！ 在互联网影响力和偶像名人主导网络领域的时代，日本直播应用也为偶像艺人陆续推出了更接近粉丝的在线互动平台。 而.yell Live正是用的腾讯云 TRTC 互动直播场景化组件 Flutter。支持弹幕聊天，满足直播场景下的高频互动需求，支持智能美颜，让直播更风采动人。 TRTCLiveRoom Flutter API 基于腾讯云实时音视频（TRTC）开发，支持以下功能： 主播创建新的直播间开播，观众进入直播间观看。
1.4K21发布于 2021-07-19 - 来自专栏h5
Flutter3.x 2025 实战抖音app直播商城
春节开发的一款Flutter3.27跨平台仿抖音App正式完结了，录制了一个完整app演示视频。 https://cloud.tencent.com/developer/article/2493971flutter3_douyin_mall仿抖音直播app商城，深度的融合了短视频+直播+聊天三个大功能板块 知识框架技术框架：flutter3.27.1+Dart3.6.0状态管理：get: ^4.6.6本地缓存服务：get_storage: ^2.1.1瀑布流组件：flutter_staggered_grid_view ^0.7.0轮播图组件：card_swiper^3.0.1toast弹窗组件：shirne_dialog^4.8.3视频套件：media_kit: ^1.1.11svg图片：flutter_svg: ^
38920编辑于 2025-02-10 - 来自专栏即时通讯技术
直播系统聊天技术(六)：百万人在线的直播间实时聊天消息分发技术实践
本文由融云技术团队原创分享，原题“聊天室海量消息分发之消息丢弃策略”，内容有修订。 1、引言 随着直播类应用的普及，尤其直播带货概念的风靡，大用户量的直播间场景已然常态化。 大用户量直播间中的实时互动是非常频繁的，具体体现在技术上就是各种用户聊天、弹幕、礼物、点赞、禁言、系统通知等实时消息（就像下图这样）。 其实，直播间中的实时消息分发，在技术上是跟传统的在线聊天室这种概念是一样的，只是传统互联网时代，聊天室同时在线的用户量不会这么大而已，虽然量级不同，但技术模型是完全可以套用的。 (一)：百万在线的美拍直播弹幕系统的实时推送技术实践之路》 《直播系统聊天技术(二)：阿里电商IM消息平台，在群聊、直播场景下的技术实践》 《直播系统聊天技术(三)：微信直播聊天室单房间1500万在线的消息架构演进之路 》 《直播系统聊天技术(四)：百度直播的海量用户实时消息系统架构演进实践》 《直播系统聊天技术(五)：微信小游戏直播在Android端的跨进程渲染推流实践》 《直播系统聊天技术(六)：百万人在线的直播间实时聊天消息分发技术实践
3.2K20编辑于 2022-01-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号