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

Flutter PIP 插件 ---- iOS Video Call

news 来源：原创 2025/5/15 22:50:28

以下是一篇关于在 iOS 中实现画中画(PiP)功能的技术博客:

iOS 画中画(PiP)功能实现指南

简介

画中画(Picture in Picture, PiP)是一项允许用户在使用其他应用时继续观看视频内容的功能。本文将详细介绍如何在 iOS 应用中实现 PiP 功能。

系统要求

iOS 15.0 及以上版本
AVKit 框架

核心组件

实现 PiP 功能主要涉及以下几个核心组件:

AVPictureInPictureController - 负责管理 PiP 会话
AVPictureInPictureControllerContentSource - 定义 PiP 内容源
AVPictureInPictureVideoCallViewController - 控制 PiP 窗口的视图控制器

实现步骤

1. 检查设备支持

首先需要检查设备是否支持 PiP 功能:

- (BOOL)isSupported {if (@available(iOS 15.0, *)) {return [AVPictureInPictureController isPictureInPictureSupported];}return NO;
}

2. 创建 PiP 视图

需要创建一个自定义视图来显示 PiP 内容:

@interface PipView : UIView
@end@implementation PipView
+ (Class)layerClass {return [AVSampleBufferDisplayLayer class];
}
@end

3. 配置 PiP 控制器

设置 PiP 控制器需要以下步骤:

- (BOOL)setup:(PipOptions *)options {if (!self.isSupported) {return NO;}if (@available(iOS 15.0, *)) {// 创建 PiP 视图_pipView = [[PipView alloc] init];// 创建视图控制器AVPictureInPictureVideoCallViewController *pipViewController = [[AVPictureInPictureVideoCallViewController alloc] init];pipViewController.preferredContentSize = options.preferredContentSize;[pipViewController.view addSubview:_pipView];// 创建内容源AVPictureInPictureControllerContentSource *contentSource =[[AVPictureInPictureControllerContentSource alloc]initWithActiveVideoCallSourceView:options.sourceContentViewcontentViewController:pipViewController];// 初始化 PiP 控制器_pipController = [[AVPictureInPictureController alloc]initWithContentSource:contentSource];_pipController.delegate = self;_pipController.canStartPictureInPictureAutomaticallyFromInline = options.autoEnterEnabled;return YES;}return NO;
}

4. 控制 PiP 会话

启动 PiP:

- (BOOL)start {if (!self.isSupported) {return NO;}dispatch_after(dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 0.1),dispatch_get_main_queue(), ^{if (self->_pipController.isPictureInPicturePossible) {[self->_pipController startPictureInPicture];}});return YES;
}

停止 PiP:

- (void)stop {if (self->_pipController.isPictureInPictureActive) {[self->_pipController stopPictureInPicture];}
}

释放资源:

- (void)dispose {if (@available(iOS 15.0, *)) {self->_pipController.contentSource = nil;}if (self->_isPipActived) {self->_isPipActived = NO;[self->_pipStateDelegate pipStateChanged:PipStateStopped error:nil];}
}

5. 实现状态回调

通过实现 AVPictureInPictureControllerDelegate 协议来处理 PiP 状态变化:

- (void)pictureInPictureControllerDidStartPictureInPicture:(AVPictureInPictureController *)pictureInPictureController {_isPipActived = YES;[_pipStateDelegate pipStateChanged:PipStateStarted error:nil];
}- (void)pictureInPictureControllerDidStopPictureInPicture:(AVPictureInPictureController *)pictureInPictureController {_isPipActived = NO;[_pipStateDelegate pipStateChanged:PipStateStopped error:nil];
}- (void)pictureInPictureController:(AVPictureInPictureController *)pictureInPictureControllerfailedToStartPictureInPictureWithError:(NSError *)error {[_pipStateDelegate pipStateChanged:PipStateFailed error:error.description];
}

注意事项

PiP 功能仅支持 iOS 15.0 及以上版本
启动 PiP 时需要适当延迟以确保正常显示
自动进入 PiP 模式需要在 setup 时配置 autoEnterEnabled 选项
释放资源时建议使用 contentSource = nil 而不是直接调用 stopPictureInPicture
PiP 窗口的默认大小建议设置为至少 100x100，否则可能导致启动失败

最佳实践

在初始化时检查设备是否支持 PiP 功能
实现适当的错误处理和状态回调
在应用进入后台时，如果启用了自动进入选项，PiP 会自动启动
注意内存管理，及时释放不需要的资源

总结

iOS 的 PiP 功能实现主要依赖于 AVKit 框架，通过合理配置 AVPictureInPictureController 及其相关组件，可以为用户提供流畅的画中画体验。在实现过程中需要注意版本兼容性、状态管理和资源释放等问题。

参考

Adopting Picture in Picture for video calls

PS

本次实现还不太全面，出来的PIP窗口只是一个背景黑色，还没有实现视频的显示，后续会持续更新。

Flutter PIP 插件 ---- iOS Video Call

以下是一篇关于在 iOS 中实现画中画(PiP)功能的技术博客: iOS 画中画(PiP)功能实现指南简介画中画(Picture in Picture, PiP)是一项允许用户在使用其他应用时继续观看视频内容的功能。本文将详细介绍如何在 iOS 应用中实现 PiP 功能。系统要求 iOS 15.0 及以上版本AVKi…...

编程日记 2025/5/15 22:50:28

本地部署DeepSeek开源大模型：从零开始的详细教程

友情提示：本文内容全部由银河易创（https://ai.eaigx.com）AI创作平台deepseek-reasoner模型生成，仅供参考。请根据具体情况和需求进行适当的调整和验证。近年来，随着人工智能技术的飞速发展，大模型在各个领…...

编程日记 2025/5/12 21:01:54

java项目之基于SSM会议管理系统的设计与实现源码(ssm+mysql)

项目简介基于SSM会议管理系统的设计与实现实现了以下功能： 基于SSM会议管理系统的设计与实现的主要使用者分为：管理员登录后修改个人的密码。用户管理中，对公司内的用户进行管理，包括会议管理员和员工，管理部门信息…...

编程日记 2025/5/11 18:00:10

PortSwigger——WebSockets vulnerabilities

文章目录一、WebSockets二、Lab: Manipulating WebSocket messages to exploit vulnerabilities三、Lab: Manipulating the WebSocket handshake to exploit vulnerabilities四、Using cross-site WebSockets to exploit vulnerabilities4.1 跨站WebSocket劫持（cro…...

编程日记 2025/5/15 22:23:22

STM32系统架构介绍

STM32系统架构 1. CM3/4系统架构2. CM3/4系统架构-----存储器组织结构2.1 寄存器地址映射（特殊的存储器）2.2 寄存器地址计算2.3 寄存器的封装 3. CM3/4系统架构-----时钟系统 STM32 和 ARM 以及 ARM7是什么关系? ARM 是一个做芯片标准的公司&#xff0c…...

编程日记 2025/5/15 21:47:51

智能GUI Agent是什么，有什么应用领域

智能GUI Agent是什么研究背景与目的：GUI长期主导人机交互，LLM特别是多模态模型的出现，为GUI自动化带来变革，催生了基于LLM的GUI智能体。这些智能体可理解自然语言指令，处理复杂GUI元素并执行操作，改变了用户与软件交互方式。论文旨在梳理该领域发展脉络，剖析关键要素，…...

编程日记 2025/5/12 12:57:19

Python3操作MongoDB批量upsert

个人博客地址：Python3操作MongoDB批量upsert | 一张假钞的真实世界代码如下： mongoClient MongoClient(mongodb://172.16.72.213:27017/) opsDb mongoClient.ops azScheduled opsDb.azScheduledFlowbulkOpers [] for flow in scheduledFlows.valu…...

编程日记 2025/5/15 22:38:17

3dgs 2025 学习笔记

CVPR 2024 3D方向总汇包含（3DGS、三维重建、深度补全、深度估计、全景定位、表面重建和特征匹配等）_cvpr2024-structure-awaresparse-viewx-ray3dreconstr-CSDN博客 https://github.com/apple/ml-hugs 3DGS COLMAP-Free 3D Gaussian Splatting ⭐code &…...

编程日记 2025/5/15 22:41:50

大模型笔记：pytorch实现MOE

0 导入库 import torch import torch.nn as nn import torch.nn.functional as F 1 专家模型 #一个简单的专家模型，可以是任何神经网络架构 class Expert(nn.Module):def __init__(self, input_size, output_size):super(Expert, self).__init__()self.fc nn.L…...

编程日记 2025/5/14 21:39:39

C#/.NET/.NET Core技术前沿周刊 | 第 25 期（2025年2.1-2.9）

前言 C#/.NET/.NET Core技术前沿周刊，你的每周技术指南针！记录、追踪C#/.NET/.NET Core领域、生态的每周最新、最实用、最有价值的技术文章、社区动态、优质项目和学习资源等。让你时刻站在技术前沿，助力技术成长与视野拓宽。欢迎投稿、推荐…...

编程日记 2025/5/15 20:26:11

package.json 文件配置

创建 Node.js 的配置文件 package.json npm init -y package.json 文件配置说明配置说明示例name指定项目的名称，必须是小写字母，可以包含字母、数字、连字符（-）或下划线（_），不能有特殊字符…...

编程日记 2025/5/15 13:19:49

相机模数转换

模拟图像是什么？ 模拟图像是指连续变化的图像，它通常来源于现实世界的物理场景，并通过光学系统（如相机镜头）投射到感光介质上。模拟图像是连续的，这意味着它在空间和颜色值上都有无穷的细节。例如&#xf…...

编程日记 2025/5/15 0:48:34

mysql大数据量分页查询

一、什么是‌MySQL大数据量分页查？ MySQL大数据量分页查‌是指在使用MySQL数据库时，将大量数据分成多个较小的部分进行显示，以提高查询效率和用户体验。分页查询通常用于网页或应用程序中，以便用户能够逐步浏览结果集。二、为什…...

编程日记 2025/5/15 21:54:38

组织结构改革：激活企业活力的 “源头活水”

难以适应市场变化、内部沟通与协作不畅、决策效率低下、运营成本增加、人才流失严重、员工士气下降、战略目标难以实现……企业如何根据市场环境变化和自身发展需求，灵活调整组织框架，赋能企业的持续健康发展？ 某国有投资建设集团旗下的二级…...

编程日记 2025/5/15 21:04:32

金融风控项目-1

文章目录一. 案例背景介绍二. 代码实现1. 加载数据2. 数据处理3. 查询三. 业务解读一. 案例背景介绍通过对业务数据分析了解信贷业务状况数据集说明从开源数据改造而来，基本反映真实业务数据销售，客服可以忽略账单周期，放款日期账单金…...

编程日记 2025/5/15 20:52:06

Java常用设计模式面试题总结(内容详细，简单易懂)

设计模式的分类创建型模式：通过隐藏对象创建的细节，避免直接使用 new 关键字实例化对象，从而使程序在判断和创建对象时更具灵活性。常见的模式包括： 工厂模式抽象工厂模式单例模式建造者模式原型模式结构型模式：通…...

编程日记 2025/5/15 21:15:29

【Elasticsearch】文本分析Text analysis概述

文本分析概述文本分析使 Elasticsearch 能够执行全文搜索，搜索结果会返回所有相关的结果，而不仅仅是完全匹配的结果。如果你搜索“Quick fox jumps”，你可能希望找到包含“A quick brown fox jumps over the lazy dog”的文档&#xff0c…...

编程日记 2025/5/15 20:32:56

ATF系统安全从入门到精通

CSDN学院课程连接：https://edu.csdn.net/course/detail/39573...

编程日记 2025/5/9 8:38:21

C# 上位机--变量

C# 上位机--变量在 C# 上位机开发领域，变量是构建程序逻辑的基础元素之一。它就像是一个容器，用于存储各种类型的数据，从简单的数值到复杂的对象。正确理解和使用变量，对于开发出高效、稳定且易于维护的上位机程序至关重要。本文…...

编程日记 2025/5/14 23:45:51

π 的奥秘：如何用有理数逼近无理数？

本文将围绕有理数、无理数、连续统以及它们之间的深刻联系展开讨论，并结合具体的数学理论如康托尔区间套定理、戴德金分割、柯西施瓦茨不等式等，进行简要探讨由于本文并未深入探讨，可能存在部分不严谨的地方，也欢迎各位进行纠正…...

编程日记 2025/5/15 21:22:25

LeetCode --- 436周赛

题目列表 3446. 按对角线进行矩阵排序 3447. 将元素分配给有约束条件的组 3448. 统计可以被最后一个数位整除的子字符串数目 3449. 最大化游戏分数的最小值一、按对角线进行矩阵排序直接模拟，遍历每一个斜对角线，获取斜对角线上的数字，排…...

编程日记 2025/5/15 21:31:35

绘制中国平安股价的交互式 K 线图

在本文中，探索如何使用 Python 的强大库进行股市数据分析与可视化。我们将以中国平安（股票代码：sh601318）为例，展示如何获取其股票数据，并绘制一张交互式 K 线图。 K 线图是股市分析中不可或缺的工具，它能够直观地显示股票的波动情况，包括开盘价、收盘价、最高价和最低…...

编程日记 2025/5/15 20:54:26

【ISO 14229-1:2023 UDS诊断全量测试用例清单系列：第二节】

ISO 14229-1:2023 UDS诊断服务测试用例全解析（ECU复位0x11服务） 作者：车端域控测试工程师更新日期：2025-02-12 关键词：UDS诊断协议、ECU复位服务、0x11服务、ISO 14229-1:2023 二、ECU复位服务（0x11服务&…...

编程日记 2025/5/15 21:55:41

Unity URP的2D光照简介

官网工程，包括2d光照，动画，动效介绍： https://unity.com/cn/blog/games/happy-harvest-demo-latest-2d-techniques https://docs.unity3d.com/6000.0/Documentation/Manual/urp/Lights-2D-intro.html 人物脸部光照细节和脚上的阴影…...

编程日记 2025/5/15 21:05:37

自学人工智能大模型，满足7B模型的训练和微调以及推理，预算3万，如何选购电脑

如果你的预算是 3万元人民币，希望训练和微调 7B 参数规模的人工智能大模型（如 LLaMA、Mistral 等），你需要一台高性能的深度学习工作站。在这个预算范围内，以下是推荐的配置： 1. 关键硬件配置 (1) GPU (显卡…...

编程日记 2025/5/11 14:23:05

shell脚本自动安装MySQL8

环境：centos7版本：8.0.28安装包：mysql-8.0.28-linux-glibc2.12-x86_64.tar.xz 二进制包要求：安装包和shell脚本在同一目录下执行方式：sudo ./install_mysql8.sh #!/bin/bash# 定义MySQL安装目录和压缩包名称MYSQL_DIR…...

编程日记 2025/5/15 17:31:22

使用亚马逊针对 PyTorch 和 MinIO 的 S3 连接器进行模型检查点处理

2023 年 11 月，Amazon 宣布推出适用于 PyTorch 的 S3 连接器。适用于 PyTorch 的 Amazon S3 连接器提供了专为 S3 对象存储构建的 PyTorch 数据集基元（数据集和数据加载器）的实现。它支持用于随机数据访问模式的地图样式数据集和用于流式处理…...

编程日记 2025/5/15 15:27:09

DeepAR：一种用于时间序列预测的深度学习模型

介绍 DeepAR是一种基于递归神经网络（RNN）的时间序列预测模型，由亚马逊在2017年提出。它特别适用于处理多变量时间序列数据，并能够生成概率预测。DeepAR通过联合训练多个相关时间序列来提高预测性能，从而在实际应用中表…...

编程日记 2025/5/13 4:20:53

【无标题】《On Java中文版基础卷+进阶卷》书评

Java语言作为最热门的编程语言之一，关于Java语言的书更是数不胜数，而我选择这本《On Java中文版基础卷进阶卷》作为我学习Java语言的工具书。这本书的作者是《Java编程思想》的Bruce Eckel，《Java编程思想》在之前可谓是鼎鼎有名，…...

编程日记 2025/5/11 8:32:45

【鸿蒙开发】第二十九章 Stage模型-应用上下文Context、进程、线程

目录 1 Stage模型基本概念 1.1 开发流程 3 应用上下文Context的典型使用场景 3.1 获取应用文件路径 3.2 获取和修改加密分区 3.3 获取本应用中其他Module的Context 3.4 订阅进程内UIAbility生命周期变化 4 进程 4.1 概述 5 线程 5.1 线程类型 5.2 使用EventHub进行线…...

编程日记 2025/5/15 8:20:49

AI-Engine-Direct-Helper 快速上手及环境配置

AI-Engine-Direct-Helper 是一个强大的工具，旨在简化和加速在 Qualcomm 平台上开发 AI 应用的过程。通过提供统一的 API、跨平台支持和高效的执行性能，它为开发者提供了一个灵活且高效的开发环境。如果您正在使用 Qualcomm 平台进行 AI 开发，…...

编程日记 2025/5/11 5:24:13

网络安全产品架构图网络安全相关产品

一、信息安全产品分类背景美国将网络和信息安全产品分了9类：鉴别、访问控制、入侵检测、防火墙、公钥基础设施、恶意程序代码防护、漏洞扫描、取证、介质清理或擦除。中国公安部将网络和信息安全产品分了7类：操作系统安全、数据库安全、网络安全、病毒…...

编程日记 2025/5/13 17:08:02

日常知识点之面试后反思裸写string类

1：实现一个字符串类。简单汇总最简单的方案，使用一个字符串指针，以及实际字符串长度即可。参考stl的实现，为了提升string的性能，实际上单纯的字符串指针和实际长度是不够了，如上，有优化方案…...

编程日记 2025/5/14 6:35:07

Linux（socket网络编程）TCP连接

Linux（socket网络编程）TCP连接基础文件目录函数系统进程控制函数fork()exec系列函数void abort(void)void assert(int expression)void exit(int status)void _exit(int status)int atexit(void (*func)(void))int on_exit(void (*function)(int,void*)…...

编程日记 2025/5/13 4:39:37

深入 JVM 虚拟机：字符串常量池演变与 intern() 方法工作原理解析

🚀 作者主页：有来技术 🔥 开源项目： youlai-mall ︱vue3-element-admin︱youlai-boot︱vue-uniapp-template 🌺 仓库主页： GitCode︱ Gitee ︱ Github 💖 欢迎点赞 👍 收藏 ⭐评论 📝 如有错误敬请纠正！前言在 Java 开发中，字符串常量池（String Constant…...

编程日记 2025/5/14 17:58:03

从零开始学习人工智能

从零开始学习人工智能可以按照以下步骤进行： 一、了解人工智能的基本概念学习内容：了解人工智能的定义、发展历程、主要研究方向（如机器学习、深度学习、自然语言处理、计算机视觉等）、常见应用（如语音识别、图像识别…...

编程日记 2025/5/15 0:13:51

解锁电商数据宝藏：淘宝商品详情API实战指南

在电商蓬勃发展的今天，数据已成为驱动业务增长的核心引擎。对于商家、开发者以及数据分析师而言，获取精准、实时的商品数据至关重要。而淘宝，作为国内最大的电商平台，其海量商品数据更是蕴含着巨大的价值。本文将带你深入探索淘…...

编程日记 2025/5/10 8:34:44

Gui-Guider1.8.1 数字时钟控件找不到定义，无法编译

我们在Gui-Guider中使用的一些控件，生成后会发现在LVGL源码中找不到该控件的定义，这时因为Gui-Guider中的一些控件是其自己编写的而不是LVGL提供的，那么我们该如何应用呢？这里拿Digital Clock数字时钟控件举例： 这里我…...

编程日记 2025/5/13 12:09:28

多模态模型详解

多模态模型是什么多模态模型是一种能够处理和理解多种数据类型（如文本、图像、音频、视频等）的机器学习模型，通过融合不同模态的信息来提升任务的性能。其核心在于利用不同模态之间的互补性，增强模型的鲁棒性和准确性。如何融合…...

编程日记 2025/5/6 5:30:19

Unity3D实现显示模型线框（shader）

系列文章目录 unity工具文章目录系列文章目录👉前言👉一、效果展示👉二、第一种方式👉二、第二种方式👉壁纸分享👉总结👉前言在 Unity 中显示物体线框主要基于图形渲染管线和特定的渲染模式。要显示物体的线框，通常有两种常见的方法：一种是利用内置的渲染…...

编程日记 2025/5/15 17:25:06

【实测】用全志A733平板搭建一个端侧Deepseek算力平台

随着DeepSeek 的蒸馏技术的横空出世，端侧 SoC 芯片上运行大模型成为可能。那么端侧芯片跑大模型的效果如何呢？本文将在全志 A733 芯片平台上部署一个 DeepSeek-R1:1.5B 模型，并进行实测效果展示。端侧平台环境设备：全志A733平板…...

编程日记 2025/5/14 17:39:19

新数据结构(7)——Object

Object类是所有类的父类，在 Java 中，每个类都直接或间接地继承自Object类，也就是说所有类都是object类的子类可以使用Object里的方法。 equals()和hashCode()是Java中Object类所包含的两个关键方法，下面将介绍两个方法。和equa…...

编程日记 2025/5/9 21:12:23

数据结构-栈和队列的应用

目录前言一、栈的应用（迷宫问题）1.1 问题描述1.2 算法选择1.3 算法精化1.4 算法实现1.5 问题结果二、队列的应用（农夫过河问题）2.1 问题描述2.2 算法选择2.3 算法精化2.4 算法实现2.5 问题结果总结前言本篇文章使用两个例子…...

编程日记 2025/5/15 8:20:49

【JavaScript】异步编程汇总

异步编程解决方案： 回调函数PromiseGeneratorawait / async 回调函数回调函数是早期处理异步编程的主要方式，虽然它本身存在很多的缺陷，比如那个时候对于复杂的异步处理常常会出现回调地狱。但是因为 JavaScript 中当时并没有很好的API来帮…...

编程日记 2025/5/14 11:34:30

【AI系列】从零开始学习大模型GPT (2)- Build a Large Language Model (From Scratch)

前序文章【AI系列】从零开始学习大模型GPT (1)- Build a Large Language Model (From Scratch) Build a Large Language Model 背景第1章：理解大型语言模型第2章：处理文本数据第3章：编码Attention机制什么是Attention机制？Attention机制的基本原理数学表示应用总结为什么要…...

编程日记 2025/5/11 17:40:39