- 综合排序
- 最热优先
- 最新优先
- 来自专栏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
6.7K20编辑于 2022-02-08 - 来自专栏技术人生
flutter组件4【视频播放】
import 'package:flutter/material.dart'; import 'package:chewie/chewie.dart'; import 'package:flutterappqingyuewen Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title:Text('视频详情
76420发布于 2020-11-13 - 来自专栏前端大合集
Flutter 中 视频封面 视频的压缩 上传 播放
需求分析 用户选择视频之后,可以生成一个视频的封面图 点击封面图可以播放视频 用户发表视频之前进行视频的校验(大于1080p 即像素点大于 1920 * 1080 = 2073600 像素点 或者 视频的内存大小 上传之后,进行视频的播放.(这里包括一系列视频的操作方法) 涉及到的库 video_thumbnail : 用于从视频文件中生成缩略图。 video_player : 是 Flutter 中用于播放视频的重要库。 它提供了一套完整的 API 来处理视频播放相关的功能，支持多种视频格式，能够在 Android 和 iOS 平台上实现流畅的视频播放体验 ideo_compress : 是一个在 Flutter 应用中用于视频压缩的库 封装视频工具类 我们封装一个视频的工具类, 里面包含了一些对视频的操作的方法, 包括获取视频的大小, 视频的像素, 获取视频的封面图... video_utils import 'dart:io'; import
2.8K10编辑于 2024-12-29 - 来自专栏Android知识点总结
相机、OpenGL、视频、Flutter和SurfaceView
----张风捷特烈 ---- 一、关于SurfaceView 对于视频、相机、游戏、Flutter等需要高性能渲染的场景,你都会发现SurfaceView的身影,如果你想进行高性能的渲染，那么SurfaceView 是你必须要过的坎,也是一把打开视频之门的钥匙。 OpenGL的结合 [6].Flutter与SurfaceView的联系 ? ---- 5.OpenGL在视频播放中的使用 如果你稍微了解一下视频播放，会知道MediaPlayer可以和Surface狼狈为奸 于是乎，同理，可以将视频播放和OpenGL结合,然后通过shader 多媒体之视频播放器(基于MediaPlayer) ?
3.8K20发布于 2020-04-30 - 来自专栏大前端（横向跨端 & 纵向全栈）
Flutter中使用chewie实现视频播放
dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter date_format: ^1.0.6 flutter_cupertino_date_picker: ^1.0.26+2 flutter_swiper: ^1.1.6 fluttertoast: ^7.1.6 http: ^0.12.2 dio: ^3.0.10 flutter_html: ^1.1.0 flutter_inappwebview: ^4.0.0+4 device_info: ^1.0.0 amap_location: ^0.2.0 image_picker: ^0.6.7+21 # chewie的依赖 video_player: ^1.0.1 # 视频播放 chewie BuildContext context) { return Scaffold( appBar: AppBar( title:Text('在线视频播放
4.3K20发布于 2021-01-29 - 来自专栏iOS小生活
Flutter 中的视频播放器
在Flutter中，官方提供了一个 video_player 插件可以播放视频，但是 video_player 有一些局限性。没法控制底部播放进度等。 所以我们主要给大家讲解一个第三方的视频播放库 chewie。chewie 是一个非官方的第三方视频播放组件，它是基于 video_player 的。 代码如下： import 'package:flutter/material.dart'; import 'package:chewie/chewie.dart'; import 'package:video_player ChewieController chewieController; @override void initState() { super.initState(); //配置视频地址 * 否则，当页面销毁后会继续播放视频！
10.6K2220发布于 2019-09-16 - 来自专栏即时通信IM
实时音视频 TRTC Flutter SDK 上线！
导语 Flutter 是目前最火的跨平台技术，在提供极好的用户体验的同时能解决多端一致性的问题，而且还能有效地降低人力成本。 Flutter 是什么？ 在全世界，Flutter 正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。 实时音视频 Flutter SDK 目前可以支持哪些功能接口？ TRTCCloud 腾讯云视频通话功能的主要接口类 基础方法 ? 房间相关接口函数 ? CDN 相关接口函数 ? 视频相关接口函数 ? TRTCCloudListener 腾讯云视频通话功能的事件回调接口 错误事件和警告事件 ? 房间事件回调 ? 成员事件回调 ? 播放背景音乐的回调接口 ? 统计和质量回调 ? 服务器事件回调 ? 关键类型定义 腾讯云视频通话功能的关键类型定义 ? 欢迎大家扫码体验 TRTC Flutter Demo： ? ?
4.4K20发布于 2021-03-09 - 来自专栏coolblog.xyz技术专栏
短链接原理
什么是短链接 顾名思义，短链接即是长度较短的网址。通过短链接技术，我们可以将长度较长的链接压缩成较短的链接。并通过跳转的方式，将用户请求由短链接重定向到长链接上去。 短链接主要用在诸如微博，BBS等对帖子字数有限制的网站，通过使用短链接，用户可以把注意力放在帖子的内容上，而不是在担心链接超长的问题。 是不是可以考虑建立一个长链接-短链接的key-value表，将所有的长链接和对应的短链接都存入其中，这样一来就实现了长短链接一一对应的了。 Q：短链接使用301跳转还是302跳转 A：这里啰嗦一下301和302的跳转在短链接服务使用场景下的区别：用户第一次访问某个短链接后，如果服务器返回301状态码，则这个用户在后续多次访问同一短链接时，浏览器会直接请求跳转地址 如果服务器返回302状态码，且告知浏览器不缓存短链接请求，那么用户每次访问短链接，都会先去短链接服务端取回长链接地址，然后在跳转。
5.8K51发布于 2019-02-15 - 来自专栏安全泰式柑汁
短链接安全
前言 想必大家也经常收到各种垃圾短信吧，短信中的链接一般都是短链接，类似于下图这样: ? 为什么这里面的URL为什么这么短？有什么好处？怎么做到的呢？ 0x01 短链接概述 1.1 短链接的好处 短。 1.2 短链接原理 短链接一般是通过映射关系，将长长的一串网址，映射到几个字符的短链接上，建立好这种映射关系之后保存到数据库里，用户每次访问短链接的时候，需要到数据库里查询这个短链接对应的源网址，然后返回给用户 短链接从生成到使用分为以下几步： 有一个服务，将要发送给你的长URL对应到一个短URL上。 0x02 短链接风险 知道了用途及原理之后我们就可以在短链接服务过程中寻找可能存在的缺陷。 2.1 爆破 短链接的核心就是将短URL和长URL映射，一般是由大小写字母+数字构成，部分还存在 .等特殊字符。 若算法使用不当或者未考虑安全风险，导致短链接可预测、可爆破，将可能导致严重信息泄漏。
6.2K20发布于 2021-02-02 - 来自专栏linux教程
常用短代码插件：WPJAM Basic 的短代码扩展
WPJAM Basic 常用短代码扩展内置了一些可能经常使用到的「短代码」（Shortcode），让你在编辑文章的时候插入复杂格式的内容更加方便，目前支持的短代码（Shortcode）有这些： email 顶部广告位 728X80 静态图片 1000 RMB 一个月 整站所有页面 侧边栏广告位 300X150 静态图片 500 RMB 一个月 整站所有页面，最多三个 youku, qqv等 为了方便插入视频 ，提供了B站，腾讯视频，优酷和土豆的 shortcode。 v_show/id_XXXXXXXXXXXXXX.html[/youku] #tudou]http://www.tudou.com/programs/view/XXXXXXX/[/tudou] 默认情况下，视频是 另外还在后台列罗出所有的短代码： 本文二次修改自：https://blog.wpjam.com/m/wpjam-basic-shortcode/
2.6K30编辑于 2023-04-25 - 来自专栏JavaEdge
短链系统设计-用户自定义短链
5 用户自定义短链接 实现一个顾客短网址，使得顾客能创立他们自己的短网址。即你需要在前文基础上再实现一个 createCustom。 如: abcD9E 任意两个长的url不会对应成同一个短url，反之亦然 如果 createCustom 不能完成用户期望的设定, 那么应该返回 "error", 反之如果成功将长网址与短网址对应，应该返回这个短网址 创建自定义短链接：在 CustomURLTable 中查询和插入 根据长链接创建普通短链接： 先查询CustomURLTable是否存在 再在URLTable查询和插入 同前文一样，用两个哈希表处理长网址和短网址之间的相互映射关系
3.3K20编辑于 2022-09-14 - 来自专栏Flutter入门到实战
Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解)
---- 为了大家更直观的看到解决问题的过程，我录制了一个视频，欢迎大家观看。 视频地址：腾讯视频 ---- （1）使用Git下载flutter版本的3种方式 （我电脑里面已经安装flutter最新版了。 为了演示flutter升级过程，我删除了flutter文件夹，重新去github下载flutter文件，并且执行更新操作。所以这里我选择是方式1指定分支和版本号进行下载。） OK 下载完成 下面开始执行 flutter upgrade操作 2、执行flutter upgrade就可以更新flutter版本号 首先注意flutter环境变量配置 然后建议访问外国网站 image 我们打开flutter目录，双击flutter_console.bat脚本，输入flutter upgrade再试一下。还是一样的。
2.1K30发布于 2018-12-27 - 来自专栏进击的多媒体开发
Flutter 2 渲染原理和如何实现视频渲染
声网Agora跨平台开发工程师卢旭辉带来了《Flutter2 渲染原理和如何实现视频渲染》的主题分享，本文是对演讲内容的整理。 本次分享主要包括 3 个部分： Flutter2 概览。 Flutter2 视频渲染插件的实践。 Flutter2 渲染原理（源码）。 dart::ffi 使 Flutter 拥有直接调用 C 和 C++ 的能力，这两点除了 Web 都是支持的。 接下来将分享下声网在视频渲染插件方面的实践，这里主要针对 Web 和桌面端。 所以在 Web 上我们通过 PlatformView 的方式去实现视频渲染，基本的流程是使用 ui.platformViewRegistry 注册 PlatformView 并返回 DivElement 到先前创建的 DivElement 中实现视频渲染。
2.8K20发布于 2021-11-09 - 来自专栏移动开发之家
Flutter 实现视频全屏播放逻辑及解析
一、前言 相信做过移动端视频开发的同学应该了解，想要实现视频从普通播放到全屏播放的逻辑并不是很简单，比如在 GSYVideoPlayer 中的动态全屏切换效果，就使用了创建全新的 Surface 来替换实现 事实上 Flutter 中实现全屏切换效果很简单，后面会一并介绍为什么在 Flutter 上实现会如此简单。 image 如下代码所示，首先在正常播放页面下加入官方 video_player 插件的 VideoPlayer 控件，并且初始化 VideoPlayerController 用于加载需要播放的视频并初始化 child: CircularProgressIndicator(), ), )) 如下代码所示，之后在全屏的页面中同样使用 Hero 控件和 VideoPlayer 控件实现过渡动画和视频渲染 所以 Flutter 中控件的渲染堆栈是独立的，没办法和原生平台直接混合使用，这时候为了能够在 Flutter 中插入原生平台的部分功能，Flutter 除了提供了 PlatformView 这样的实现逻辑之外
4.2K10发布于 2020-02-24 - 来自专栏machh的专栏
Flutter 实战-快速实现音视频通话应用
前言 本文将引导你如何使用ZEGO Flutter SDK 快速轻松的构建一个跨平台音视频聊天应用,大大降低开发成本，适合想要快速完成多端共用音视频项目的开发者； 1 准备环境 在开始集成 ZEGO iOS 7.0 或以上版本，且支持音视频的 iOS 设备或模拟器（推荐使用真机）。 Android 4.4 或以上版本，且支持音视频的 Android 设备或模拟器（推荐使用真机）。 当成功开始音视频通话时，可以听到远端的音频，看到远端的视频画面。 5.6 停止推拉流 1. // 退出房间 ZegoExpressEngine.instance.logoutRoom('room1'); 结尾： 恭喜，你已经通过ZEGO Flutter SDK完成了自己的实时音视频通话应用 ，Flutter为应用开发带来了革新，带着学习交流的态度，希望对于想要学习应用Flutter的同学有所帮助。
5.4K10编辑于 2022-11-23 - 来自专栏流媒体音视频
Flutter 实战快速实现音视频通话应用
前言 本文将引导你如何使用ZEGO Flutter SDK 快速轻松的构建一个跨平台音视频聊天应用,大大降低开发成本，适合想要快速完成多端共用音视频项目的开发者。 iOS 7.0 或以上版本，且支持音视频的 iOS 设备或模拟器（推荐使用真机）。 Android 4.4 或以上版本，且支持音视频的 Android 设备或模拟器（推荐使用真机）。 VS Code: 在应用商店中搜索 “Flutter” 扩展并下载。 以上任一开发环境配置好 Flutter 环境后，在终端执行 flutter doctor，根据提示内容补全相关未下载的依赖项。 当成功开始音视频通话时，可以听到远端的音频，看到远端的视频画面。 5.6 停止推拉流 1. // 销毁引擎 ZegoExpressEngine.destroyEngine(); 结尾： 恭喜，你已经通过ZEGO Flutter SDK完成了自己的实时音视频通话应用，Flutter为应用开发带来了革新
5.6K20编辑于 2022-11-08 - 来自专栏音视频技术
Flutter浪潮下的音视频研发探索
之后会对闲鱼在音视频实践过程中碰到的一些Flutter问题提出了一些解决方案——TPM音视频框架。最后是闲鱼Flutter多媒体开源组件的介绍。 Flutter ? Flutter没有一套逻辑去实现跨平台的音视频组件，所以说Flutter提出了一种让第三方开发者来实现音视频组件的方式，而这些音视频组件的视频渲染出口，就是TextureLayer。 音视频端美颜处理完成的OpenGL纹理能够让Flutter直接使用的条件就是Flutter的上下文需要和平台音视频相关的OpenGL上下文处在一个Share Group下面。 引入Flutter之后，通过分析各个模块的使用场景，我们可以得出一个假设或者说是抽象：音视频应用在终端上可以归纳为视频帧解码之后视频数据帧在各个模块之间流动的过程，基于这种假设去做Flutter音视频框架的抽象 咸鱼Flutter多媒体开源组件 ? 整个Flutter音视频框架抽象分为管线和数据的抽象、模块的抽象、线程统一管理和上下文同一管理四部分。 ? 管线，其实就是视频帧流动的管道。
3.1K30发布于 2019-08-30 - 来自专栏即时通信IM
最佳实践丨Flutter音视频开发实践
Flutter基础介绍 Flutter简介 Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台应用，支持Android、IOS、Web、Linux app。 Flutter 音视频 SDK 封装 上面简单介绍了一下 Flutter，音视频通信就要借助 RTC 的能力了。 Flutter视频渲染 在 Native 平台都有系统组件来渲染视频，但 Flutter 没有这样的东西，该如何渲染视频呢？ ? 主要适用于 Flutter 中不太容易实现的widget（Native中已经很成熟，并且很有优势的View），如 WebView、视频播放器、地图等。 ? 外接纹理 Texture：外接纹理 Texture 是可以将Native 纹理共享给 Flutter 进行渲染。需要自己开发音视频采集和渲染。
2.4K10发布于 2021-04-23 - 来自专栏软件工程
短连接原理探索
于是乎就想到用到了短连接 刚刚对短连接的思路探索了一下，其实很简单，给大家就介绍下得了。 当我们在浏览器里输入 http://v1wev.cn/kzf4C 时 DNS首先解析获得http://v1wev.cn 的 IP 地址 （这步跟短链无关是多余的废话，大家应该都知道域名到ip的dns解析吧 ） 当 DNS 获得 IP 地址以后（比如：12.101.225.72），会向这个地址发送 HTTP GET 请求，- 查询短码zf4C获取其对应的长链接 http://v1wev.cn务器会通过短码 短地址一经生成就不会变化，所以用 301 是符合 http 语义的。同时对服务器压力也会有一定减少。 但是如果使用了 301，我们就无法统计到短地址被点击的次数了。
2.2K20编辑于 2021-12-24 - 来自专栏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.9K21编辑于 2025-02-07
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号