首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏limbo的记录

    Flutter3 Dio5 接口请求工具类封装

    写在前面:我也是拿来主义,看到@老猫-Leo的【Flutter-Dart基于 Dio 的 HTTP 请求工具类】,封装的蛮好,但是由于我用的是flutter3,拿来后做了一些改动。 我把我改动后的封装分享出来,flutter3拿来可用。本文已征得原作者同意,感谢@老猫-Leo的分享。

    3K12编辑于 2024-01-11
  • 来自专栏h5

    flutter3.27-dymall基于Flutter3+Getx抖音App直播短视频商城

    带来一款春节期间自研的Flutter3.27+Dart3.6跨平台仿抖音App短视频+直播商城+聊天项目。整合了短视频+直播+聊天三大功能模块。 Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import 968c156726b6e822.png',), Image.network('https://m.360buyimg.com/babel/jfs/t20280117/88832/5/ null : Colors.transparent, foregroundColor: [0, 1, 4, 5].contains(videoModuleController.videoTabIndex.value videoModuleController.videoTabIndex.value, viewportFraction: 1.0);List<String> tabList = ['订阅', '逛逛', '直播

    1.1K21编辑于 2025-02-07
  • 来自专栏h5

    h5直播webapp项目开发|h5直播案例

    这几天闲着没事就捣鼓了下h5直播项目,运用到了html5+css3+jquery+iscroll+wlsPop等技术进行架构开发,解决了直播界面聊天键盘撑起问题,新增了动画消息提示及礼物。 如果你刚好需要一些练手的项目,希望对你有用~ 很早之前就想写一个html5直播项目练练手,但是由于工作的关系,一直没有真正的开动(其实就是懒)。 好吧,反正最近这段时间稍微比较清闲,趁着这个机会,在空余时间撸了一个h5仿陌陌直播项目。 h5直播webapp,主要实现的内容如下: [004-360截图20181104095737443.png] 005-360截图20181104095812016.png 006-360截图20181104100100390 onTap() { wcPop.close(sixinIdx); } }, { text: '发送', style: 'color: #23ade5;

    8.9K83发布于 2018-11-04
  • 来自专栏用户7603185的专栏

    H5直播源码是什么?H5直播源码如何开发?

    H5直播源码是什么? H5直播也有着一套完整的直播系统,含视频录制端、视频播放端、视频服务器端。 H5直播,推流还是需要移动端或者摄像头,H5直播源码提供更多的依旧是观看,其实与传统直播系统是差不多的。 H5直播源码具有怎样的优势? 做品牌宣传的朋友都知道,H5是一个重要的表现方式。 H5直播源码研发周期较短,尤其强化了web网页的表现性能。 除了微信之外,不少浏览器都可用H5观看视频,所以相对flash而言,不需要安装插件,所以传播更快。 H5相比flash而言,对CPU及内存的占用都要低一些,所以能够有效减少卡顿及发烫的现象。 想要搭建H5直播源码,WebRTC必不可少。 怎么用H5直播源码开发直播功能 直播一共有三种状态:直播前,直播中,结束。 针对每个状态我们肯定会有不同的显示,这三种状态可以是三个页面,相互切换,或者一个页面,控制页面相关隐藏和显示。

    2.7K20发布于 2021-03-04
  • 来自专栏h5

    最新跨平台flutter3.38+dart3.10深度集成短视频+直播+聊天

    2025/12爆肝新作flutter3.38.2+dart3.10+get搭建跨平台深度混合短视频+直播+聊天app应用程序。 直播页面模块实现了上下滑动切换直播效果,右侧滑入直播进场/左侧滑入礼物提示动效、商品列表、礼物、商品讲解、弹幕消息等功能。 路由页面 getPages: routePages, // 初始化弹窗key navigatorKey: MyDialog.navigatorKey, ); }}flutter3 extendBodyBehindAppBar: true, appBar: AppBar( forceMaterialTransparency: true, backgroundColor: [0, 1, 4, 5] null : Colors.transparent, foregroundColor: [0, 1, 4, 5].contains(videoModuleController.videoTabIndex.value

    33021编辑于 2025-12-08
  • 来自专栏h5

    自研新版Flutter3.32仿微信app聊天|朋友圈模板

    0.15.0存储组件:get_storage^2.1.1下拉刷新:easy_refresh^3.4.0toast提示:toast^0.3.0网址预览组件:url_launcher^6.3.1项目框架结构flutter3 Alignment.bottomRight, colors: [ Color(0xFF0091EA), Color(0xFF07C160) ], ) ), ))flutter3 case 2: print('扫一扫'); break; case 3: print('收付款'); break; } },)flutter3 decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(5) = true; break; } voiceType = 0; }); }, ),)基于uni-app+vue3实战短视频+聊天+直播

    32620编辑于 2025-07-12
  • 来自专栏h5

    2025实战-Flutter3.27仿携程app实例|flutter3.x酒店预订

    super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter3 路由页面 getPages: routePages, // 初始化弹窗key navigatorKey: MyDialog.navigatorKey, ); }}flutter3 BorderRadius.circular(50.0), ), width: 20.0, height: 4.0, ), ], ), ],),flutter3 EdgeInsets.all(10.0), decoration: BoxDecoration( border: Border(bottom: BorderSide(color: Color(0xfff5f5f5 }, ), ), ), ], ), ), ),),Flutter3+Getx抖音App直播短视频商城

    52711编辑于 2025-02-22
  • SpringBoot 3 + Flutter3 实战低代码运营管理

    随着数字化转型的步伐加快,企业和开发者们不断寻求更高效的工具来构建跨平台的应用程序。Spring Boot 和 Flutter 分别作为后端和前端开发领域的佼佼者,以其强大的生态系统和易用性赢得了广泛的认可。本文将探讨 Spring Boot 3 和 Flutter 3 如何协同工作,为现代 Web 和移动应用开发带来新的可能性。

    28910编辑于 2025-07-09
  • 来自专栏全栈程序员必看

    Red5搭建直播平台

    下载地址 http://www.red5.org/ 1, 首先启动red5 2,访问http://localhost:5080/ 3,在该页面点击installer,进入安装页面。 5.1,重新编译Application.java package org.red5.demos.oflaDemo; import org.red5.logging.Red5LoggerFactory ; import org.red5.server.adapter.ApplicationAdapter; import org.red5.server.api.IConnection; import org.red5.server.api.IScope; import org.red5.server.api.stream.IServerStream; import org.red5.server.api.stream.IStreamCapableConnection org.red5.server.api.IConnection; import org.red5.server.api.IScope; import org.red5.server.api.stream.IServerStream

    2.3K20编辑于 2022-08-04
  • 来自专栏腾讯IVWEB团队的专栏

    全面进阶 H5 直播

    详细参考:视频文件格式 直播协议 2016 年是直播元年,一是由于各大宽带提供商顺应民意增宽降价,二是大量资本流进了直播板块,促进了技术的更新迭代。 市面上,最常用的是 Apple 推出的 HLS 直播协议(原始支持 H5 播放),当然,还有 RTMP、HTTP-FLV、RTP等。 现在,直播行业依旧很火,而 HTML5 直播,一直以来都是一个比较蛋疼的内容。一是,浏览器厂商更新速度比较慢,二是,这并不是我们前端专攻的一块,所以,有时候的确很鸡肋。当然,进了前端,你就别想着休息。 关于 HLS 的详细内容,可以参考:HLS 详解 关于 m3u8 文件的标签内容,可以参考:HLS 标签头详解 总而言之,HLS 之所以能这么流行,关键在于它的支持度是真的广,所以,对于一般 H5 直播来说 不过,由于支持性的原因,RTMP 并未在 H5 直播中,展示出优势。

    3.2K33发布于 2020-06-27
  • 来自专栏h5

    flutter3.38-douyin仿写抖音app直播+短视频+聊天

    基于Flutter3.38+Dart3.10跨平台实战 - 2025年12月Flutter3构建抖音app界面集成短视频+直播+聊天应用。 如上图:直播实现上下滑动切换效果,右侧滑入直播进场/左侧滑入礼物提示动效、商品列表、礼物、商品讲解、弹幕消息等功能。 整个项目整合了短视频+直播+聊天功能,涉及到的知识点还是非常多的。后续还会分享一些实现技术细节。感谢大家的阅读与支持。

    37221编辑于 2025-12-07
  • SpringBoot 3 + Flutter3 实战低代码运营管理(完结)

    前端利器:Flutter3 —— 多端一致性的体验破壁器Flutter3的出现,真正实现了“一次编写,多端部署”的愿景,带来了用户体验的革命。 它证明,通过将SpringBoot3的“稳健高效”与Flutter3的“统一跨端”相结合,开发者可以突破传统开发模式的效率瓶颈。

    15810编辑于 2025-11-28
  • 来自专栏h5

    自研flutter3.x实战仿抖音app短视频直播FlutterLive

    实现了仿制抖音全屏式上下滑动视频、左右滑动切换页面模块,直播间进场/礼物动画效果。 super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'FLUTTER3 直播功能直播页面包含了顶部信息、底部进场提示+商品层+弹幕层+操作栏等几个部分。 人气票', 'gift': 'assets/images/gift/gift4.png', 'user': 'Flower', 'avatar': 'assets/images/avatar/uimg5. jpg', 'num': 57}, {'label': '鲜花', 'gift': 'assets/images/gift/gift5.png', 'user': '四季平安', 'avatar'

    1.8K21编辑于 2024-03-25
  • 来自专栏腾讯Bugly的专栏

    H5 直播避坑指南

    本文来自“小时光茶社(Tech Teahouse)”公众号 作者简介: 文赫,2015年加入腾讯,作为前端开发工程师参与过手Q游戏公会,游戏中心,企鹅电竞等项目,具有丰富的移动端开发和直播开发经验。 导语 企鹅电竞项目,直播和视频播放是其中的核心。面对着产品同学不断的询问:为什么h5的体验这么差?为什么不能和app的播放体验保持一致?我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 在摸索优化背后,我们也想把这些问题和解决方法总结下来,让其他同学做到直播的时候可以自豪的说,这就是我们的h5直播体验 1. 注: 之前我们发现x5插入了一段js来劫持视频的全屏的事件 ? 满足条件的video标签全屏时都会被X5接管,另外调用webkitEnterFullscreen方法时,X5也会接管播放器。 如果发现在x5内核下无法使用伪全屏而被浏览器接管,可以咨询下x5同事为你的域名开启白名单,不接管你域名下的视频播放 总结: 在经历过各种优化和调整后,我们可以在h5直播页做到看直播,看弹幕,发弹幕,发送礼物

    3.6K90发布于 2018-03-23
  • 来自专栏Technology Share

    H5直播避坑指南

    作者简介: 文赫,2015年加入腾讯,作为前端开发工程师参与过手Q游戏公会,游戏中心,企鹅电竞等项目,具有丰富的移动端开发和直播开发经验。 导语 企鹅电竞项目,直播和视频播放是其中的核心。 面对着产品同学不断的询问:为什么h5的体验这么差?为什么不能和app的播放体验保持一致?我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 在摸索优化背后,我们也想把这些问题和解决方法总结下来,让其他同学做到直播的时候可以自豪的说,这就是我们的h5直播体验 1. 方法时,X5也会接管播放器。 如果发现在x5内核下无法使用伪全屏而被浏览器接管,可以咨询下x5同事为你的域名开启白名单,不接管你域名下的视频播放 总结: 在经历过各种优化和调整后,我们可以在h5直播页做到看直播,看弹幕,发弹幕,发送礼物

    6.4K130发布于 2018-01-15
  • 来自专栏腾讯IVWEB团队的专栏

    全面进阶 H5 直播(下)

    本文作者:ivweb villainthr 接 《 全面进阶 H5 直播(上)》 Media Source Extensions 在没有 MSE 出现之前,前端对 video 的操作,仅仅局限在对视频文件的操作

    6.3K10发布于 2017-07-13
  • 来自专栏腾讯IVWEB团队的专栏

    全面进阶 H5 直播(上)

    详细参考:视频文件格式 直播协议 2016 年是直播元年,一是由于各大宽带提供商顺应民意增宽降价,二是大量资本流进了直播板块,促进了技术的更新迭代。 市面上,最常用的是 Apple 推出的 HLS 直播协议(原始支持 H5 播放),当然,还有 RTMP、HTTP-FLV、RTP等。 现在,直播行业依旧很火,而 HTML5 直播,一直以来都是一个比较蛋疼的内容。一是,浏览器厂商更新速度比较慢,二是,这并不是我们前端专攻的一块,所以,有时候的确很鸡肋。当然,进了前端,你就别想着休息。 关于 HLS 的详细内容,可以参考:HLS 详解 关于 m3u8 文件的标签内容,可以参考:HLS 标签头详解 总而言之,HLS 之所以能这么流行,关键在于它的支持度是真的广,所以,对于一般 H5 直播来说 不过,由于支持性的原因,RTMP 并未在 H5 直播中,展示出优势。下列是简单的对比: HTTP-FLV HTTP-FLV 和 RTMPT 类似,都是针对于 FLV 视频格式做的直播分发流。

    10.2K2215发布于 2018-01-15
  • 来自专栏Technology Share

    H5直播避坑指南

    作者简介: 文赫,2015年加入腾讯,作为前端开发工程师参与过手Q游戏公会,游戏中心,企鹅电竞等项目,具有丰富的移动端开发和直播开发经验。 | 导语 企鹅电竞项目,直播和视频播放是其中的核心。 面对着产品同学不断的询问:为什么h5的体验这么差?为什么不能和app的播放体验保持一致?我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 在摸索优化背后,我们也想把这些问题和解决方法总结下来,让其他同学做到直播的时候可以自豪的说,这就是我们的h5直播体验 1. 注: 之前我们发现x5插入了一段js来劫持视频的全屏的事件 ? 满足条件的video标签全屏时都会被X5接管,另外调用webkitEnterFullscreen方法时,X5也会接管播放器。 如果发现在x5内核下无法使用伪全屏而被浏览器接管,可以咨询下x5同事为你的域名开启白名单,不接管你域名下的视频播放 总结: 在经历过各种优化和调整后,我们可以在h5直播页做到看直播,看弹幕,发弹幕,发送礼物

    11.8K151发布于 2018-01-29
  • 来自专栏h5

    基于flutter3+deepseek+dio跨平台ai流式模板

    context) { // 获取AppStore实例 final appStore = AppStore.to; return GetMaterialApp( title: 'Flutter3 MyDialog.navigatorKey, localizationsDelegates: [ ShirneDialogLocalizations.delegate, ], ); }}flutter3 null : const RouteSettings(name: '/login'); }}flutter3解析markdownimport 'package:flutter/material.dart 2514843vue3.5+deepseek网页版ai流式对话:https://cloud.tencent.com/developer/article/2508594flutter3.27+getx仿抖音app短视频+直播商城

    80821编辑于 2025-05-26
  • 来自专栏h5

    Flutter3.41实战AI:从零到一构建app版流式ai系统

    Colors.transparent, systemNavigationBarIconBrightness: Brightness.dark, ), child: ...)flutter3 null : const RouteSettings(name: '/login'); }}flutter3对接deepseek api实现流式输出// 调用deepseek接口final response 仿微信app聊天模板最新原创flutter3.27+bitsdojo_window客户端聊天Exe自研新版Flutter3.32仿微信app聊天|朋友圈模板基于uni-app+vue3实战短视频+聊天+直播

    8900编辑于 2026-04-08
领券