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

uniapp 文本转语音

news 来源：原创 2025/5/16 1:38:33

在这里插入图片描述

uniapp 文本转语音

基于 Minimax API 的 UniApp 文本转语音工具，支持文本分段、队列播放、暂停恢复等功能。
目前只内置了 Minimax文本转语音
Minimax 的语音生成技术以其自然、情感丰富和实时性强而著称

API_KEY、GroupId 获取方法

https://platform.minimaxi.com/user-center/basic-information/interface-key

NPM 地址

特性

🎯 自动文本分段处理
🔄 队列播放管理
⏯️ 支持暂停/恢复
📦 轻量级封装
🎨 完整的事件系统
💫 支持长文本处理

安装（推荐 npm 安装，而不是导入）

npm install uniapp-text-to-speech

基础使用

import SpeechSynthesisUtil from 'uniapp-text-to-speech';
// 初始化
const tts = new SpeechSynthesisUtil({API_KEY: 'your_minimax_api_key', // Minimax API密钥GroupId: 'your_group_id', // Minimax 组IDMAX_QUEUE_LENGTH: 3， // 可选：音频队列最大长度modelConfig: { // 可选：音频生成配置model: 'speech-01-240228',voice_setting: {"voice_id": "female-tianmei","speed": 1,"vol": 1,}},// 其他配置...}
});// 基础播放
try {await tts.textToSpeech('你好，世界！');
} catch (error) {console.error('语音合成失败:', error);
}

分段使用

模拟 AI 大模型流式返回数据，自动会处理合成分段：[“你好”，“我是一个ai机器人”，“我的名字叫做阿强”]

import SpeechSynthesisUtil from "uniapp-text-to-speech";
// 初始化
const tts = new SpeechSynthesisUtil({API_KEY: "your_minimax_api_key", // Minimax API密钥GroupId: "your_group_id", // Minimax 组ID
});const mockTexts = ['你好，', '我是', '人工智能助手，', '很高兴认识你！'];try {for (const text of mockTexts) {await tts.processText(text);}await tts.flushRemainingText();
} catch (error) {addLog(`分段播放失败: ${error.message}`);
}

高级功能

1. 事件监听

import { EventType } from "uniapp-text-to-speech";
// 监听合成开始
tts.on(EventType.SYNTHESIS_START, ({ text }) => {console.log(`开始合成文本: ${text}`);
});// 监听播放开始
tts.on(EventType.AUDIO_PLAY, ({ currentText }) => {console.log(`正在播放: ${currentText}`);status.value = "播放中";
});// 监听播放结束
tts.on(EventType.AUDIO_END, ({ finishedText }) => {console.log(`播放完成: ${finishedText}`);status.value = "就绪";progress.value = 100;
});// 监听错误
tts.on(EventType.ERROR, ({ error }) => {console.log(`错误: ${error.message}`);status.value = "错误";
});// 监听暂停
tts.on(EventType.PAUSE, () => {console.log("播放已暂停");status.value = "已暂停";isPaused.value = true;
});// 监听恢复
tts.on(EventType.RESUME, () => {console.log("播放已恢复");status.value = "播放中";isPaused.value = false;
});

2. 暂停和恢复

// 暂停播放
tts.pause();
// 恢复播放
tts.resume();
// 切换播放/暂停状态
tts.togglePlay();

3. 长文本分段处理

// 自动按标点符号分段处理长文本
await tts.processText("这是第一句话。这是第二句话！这是第三句话？");
// 强制处理剩余未播放的文本
await tts.flushRemainingText();
// 重置文本处理器
tts.resetTextProcessor();

4. 状态管理

// 获取当前状态
const state = tts.getState();
console.log("是否正在播放:", state.isPlaying);
console.log("是否已暂停:", state.isPaused);
// 重置所有状态
tts.reset();

API 文档

构造函数选项

参数	类型	必填	说明
API_KEY	string	是	Minimax API 密钥
GroupId	string	是	Minimax 组 ID
MAX_QUEUE_LENGTH	number	否	音频队列最大长度，默认为 3
modelConfig	object	否	合成语音配置，参考minimaxi

事件类型

事件名	说明	回调参数
SYNTHESIS_START	开始合成	{ text: string }
SYNTHESIS_END	合成结束	{ text: string }
AUDIO_PLAY	开始播放单个音频片段	{ text: string }
AUDIO_END	所有音频播放完成	{ text: string }
PAUSE	暂停播放	-
RESUME	恢复播放	-
ERROR	发生错误	{ error: Error }

事件说明

AUDIO_PLAY: 每个音频片段开始播放时触发
AUDIO_END: 仅在所有音频片段都播放完成后触发一次

使用示例

import SpeechSynthesisUtil, { EventType } from "uniapp-text-to-speech";const tts = new SpeechSynthesisUtil({API_KEY: "your_minimax_api_key",GroupId: "your_group_id",modelConfig: {model: "speech-01-240228",voice_setting: {voice_id: "female-yujie", // 默认使用悦姐声音speed: 1.2,vol: 1,},},
});// 监听播放完成事件
tts.on(EventType.AUDIO_END, ({ text }) => {console.log("所有音频播放完成，最后播放的文本:", text);
});// 分段播放示例
async function playMultipleTexts() {await tts.processText("第一段文本");await tts.processText("第二段文本");await tts.flushRemainingText(); // 确保所有文本都被处理
}// 重置播放状态
tts.reset();

注意事项

需要先在 Minimax 申请 API_KEY 和 GroupId
文本会自动按标点符号分段处理，支持的标点符号优先级：
- 高优先级：。！？
- 中优先级：；：
- 低优先级：，、
音频队列最大长度默认为 3，可以通过构造函数参数修改
AUDIO_END 事件只会在所有音频片段播放完成后触发一次
使用 reset() 方法可以重置所有播放状态和计数器

主要的方

方法名	说明	参数	返回值
textToSpeech	文本转语音	text: string	Promise
processText	处理长文本	text: string	Promise
pause	暂停播放	-	void
resume	恢复播放	-	void
togglePlay	切换播放状态	-	void
reset	重置所有状态	-	void
on	添加事件监听	event: EventType, callback: Function	void
off	移除事件监听	event: EventType, callback: Function	void

完整的示例代码

<template><div class="speech-demo"><!-- 基础演示区域 --><section class="demo-section"><h3>基础演示</h3><textarea v-model="basicText" placeholder="请输入要转换的文本"></textarea><button @click="handleBasicSpeech">开始播放</button></section><!-- 分段演示区域 --><section class="demo-section"><h3>分段播放演示</h3><div class="segment-container"><div v-for="(text, index) in mockTexts" :key="index" class="segment"><span>{{ text }}</span></div></div><button @click="handleSegmentSpeech">分段播放</button></section><!-- 高级功能演示区域 --><section class="demo-section"><h3>高级功能演示</h3><div class="controls"><button @click="handleTogglePlay">{{ isPaused ? '继续' : '暂停' }}</button><button @click="handleReset">重置</button></div><div class="status"><p>当前状态: {{ status }}</p><p>播放进度: {{ progress }}%</p></div></section><!-- 事件日志区域 --><section class="demo-section"><h3>事件日志</h3><div class="log-container"><div v-for="(log, index) in eventLogs" :key="index" class="log-item">{{ log }}</div></div></section></div>
</template><script setup lang="ts">import { ref, onMounted, onBeforeUnmount } from 'vue';import SpeechSynthesisUtil, { EventType } from 'uniapp-text-to-speech';// 响应式状态const basicText = ref('你好，这是一个基础示例。');const mockTexts = ref(['你好，', '我是', '人工智能助手，', '很高兴认识你！']);const status = ref('就绪');const progress = ref(0);const isPaused = ref(false);const eventLogs = ref<string[]>([]);// 初始化语音工具const tts = new SpeechSynthesisUtil({API_KEY: 'your_minimax_api_key', // Minimax API密钥GroupId: 'your_group_id', // Minimax 组IDmodelConfig: {model: 'speech-01-240228',voice_setting: {voice_id: "female-yujie",speed: 1,vol: 1}}});// 添加日志const addLog = (message : string) => {eventLogs.value.unshift(`${new Date().toLocaleTimeString()}: ${message}`);if (eventLogs.value.length > 10) {eventLogs.value.pop();}};// 设置事件监听const setupEventListeners = () => {// 监听合成开始tts.on(EventType.SYNTHESIS_START, ({ text }) => {addLog(`开始合成文本: ${text}`);});// 监听播放开始tts.on(EventType.AUDIO_PLAY, ({ currentText }) => {addLog(`正在播放: ${currentText}`);status.value = '播放中';});// 监听播放结束tts.on(EventType.AUDIO_END, ({ finishedText }) => {addLog(`播放完成: ${finishedText}`);status.value = '就绪';progress.value = 100;});// 监听错误tts.on(EventType.ERROR, ({ error }) => {addLog(`错误: ${error.message}`);status.value = '错误';});// 监听暂停tts.on(EventType.PAUSE, () => {addLog('播放已暂停');status.value = '已暂停';isPaused.value = true;});// 监听恢复tts.on(EventType.RESUME, () => {addLog('播放已恢复');status.value = '播放中';isPaused.value = false;});};// 基础播放示例const handleBasicSpeech = async () => {try {await tts.textToSpeech(basicText.value);} catch (error) {addLog(`播放失败: ${error.message}`);}};// 分段播放示例const handleSegmentSpeech = async () => {try {for (const text of mockTexts.value) {await tts.processText(text);}await tts.flushRemainingText();} catch (error) {addLog(`分段播放失败: ${error.message}`);}};// 切换播放/暂停const handleTogglePlay = () => {tts.togglePlay();};// 重置播放const handleReset = () => {tts.reset();status.value = '就绪';progress.value = 0;isPaused.value = false;addLog('已重置所有状态');};// 生命周期钩子onMounted(() => {setupEventListeners();});onBeforeUnmount(() => {tts.reset();});
</script><style scoped>.speech-demo {padding: 20px;max-width: 800px;margin: 0 auto;}.demo-section {margin-bottom: 30px;padding: 20px;border: 1px solid #eee;border-radius: 8px;}h3 {margin-top: 0;margin-bottom: 15px;color: #333;}textarea {width: 100%;height: 100px;padding: 10px;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 4px;resize: vertical;}button {padding: 8px 16px;margin-right: 10px;border: none;border-radius: 4px;background-color: #4CAF50;color: white;cursor: pointer;}button:disabled {background-color: #cccccc;}.segment-container {margin-bottom: 15px;}.segment {display: inline-block;padding: 5px 10px;margin: 5px;background-color: #f5f5f5;border-radius: 4px;}.controls {margin-bottom: 15px;}.status {padding: 10px;background-color: #f9f9f9;border-radius: 4px;}.log-container {height: 200px;overflow-y: auto;padding: 10px;background-color: #f5f5f5;border-radius: 4px;}.log-item {padding: 5px;border-bottom: 1px solid #eee;font-family: monospace;}
</style>

许可证

MIT

作者

乔振 qiaozhenleve@gmail.com

uniapp 文本转语音

uniapp 文本转语音基于 Minimax API 的 UniApp 文本转语音工具，支持文本分段、队列播放、暂停恢复等功能。目前只内置了 Minimax文本转语音Minimax 的语音生成技术以其自然、情感丰富和实时性强而著称 API_KEY、GroupId 获取方法 https://platform.minimaxi.com…...

编程日记 2025/5/16 1:38:33

1.RPC基本原理

文章目录 RPC1.定义2.概念3.优缺点4.RPC结构5.RPC消息协议5.1 消息边界5.2 内容5.3 压缩 6.RPC的实现6.1 divide_protocol.py6.2 server.py6.3 client.py RPC 1.定义远程过程调用(remote procedure call) 2.概念广义:所有通过网络进行通讯,的调用统称为RPC调用狭义:不采…...

编程日记 2025/5/14 17:35:38

如何从 0 到 1 ，打造全新一代分布式数据架构

导读：本文从 DIKW（数据、信息、知识、智慧） 模型视角出发，探讨数字世界中数据的重要性问题。接着站在业务视角，讨论了在不断满足业务诉求（特别是 AI 需求）的过程中，数据系统是如何一…...

编程日记 2025/5/15 1:50:10

PyPika：Python SQL 查询构建器

什么是 PyPika？ Pypika 是一个 Python 库，用于构建 SQL 查询。它提供了一种简洁、直观的方式来生成 SQL 语句，而无需手动编写复杂的 SQL 代码。Pypika 的设计哲学是尽可能地接近 SQL 的自然语法，同时利用 Python 的强大功能来简化…...

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

剑指Offer|LCR 014. 字符串的排列

LCR 014. 字符串的排列给定两个字符串 s1 和 s2，写一个函数来判断 s2 是否包含 s1 的某个变位词。换句话说，第一个字符串的排列之一是第二个字符串的子串。示例 1： 输入: s1 "ab" s2 "eidbaooo" 输出: True 解…...

编程日记 2025/5/13 21:45:36

通过百度api处理交通数据 1、读取excel获取道路数据 //道路名称Data EqualsAndHashCode public class RoadName {ExcelProperty("Name")private String name; }/*** 获取excel中的道路名称*/private static List<String> getRoadName() {// 定义文件路径&…...

编程日记 2025/5/16 0:47:29

使用亚马逊针对 PyTorch 和 MinIO 的 S3 连接器实现可迭代式数据集

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

编程日记 2025/5/16 1:18:07

c++编译过程初识

编译过程预处理：主要是执行一些预处理指令，主要是#开头的代码，如#include 的头文件、#define 定义的宏常量、#ifdef #ifndef #endif等条件编译的代码，具体包括查找头文件、进行宏替换、根据条件编译等操作。 g -E example.cpp -…...

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

Java旅程（五）Spring 框架与微服务架构了解 JVM 内部原理和调优

在现代企业级应用中，Spring 框架和微服务架构已经成为主流技术，而 Java 虚拟机（JVM）的理解和调优对于保证应用的高性能和稳定性也至关重要。本篇博客将深入讲解 Spring 框架与微服务架构，并进一步探讨 JVM 内部原理和调…...

编程日记 2025/5/16 1:04:33

SWAT-MODFLOW地表水-地下水耦合模型建模；QSWATMOD实现SWAT-MODFLOW联合

SWAT-MODFLOW地表水-地下水耦合建模的应用重要性： 1.全面性：耦合模型能够同时考虑地表水和地下水的相互作用，提供了一个更全面的水文循环模拟框架。2.准确性：通过耦合地表水和地下水模型，可以提高水文模拟的准确性&…...

编程日记 2025/5/11 0:39:07

Azure Function 解决跨域问题

这边前端call本地部署的azure function出现了跨域问题，搜索一下解决方案直接修改local.setting.json，在其中添加CORS配置为通配符”*”，就行了 local.settings.json {"IsEncrypted": false,"Values": {"PYTHON_E…...

编程日记 2025/4/21 1:30:59

金融租赁系统的创新发展与市场竞争力提升探讨

内容概要随着经济的快速发展，金融租赁系统逐渐成为金融市场中不可或缺的一环。它不仅提供了灵活的资金解决方案，还促进了企业的资本结构优化与资源配置效率。因此，了解该系统的市场背景与发展现状至关重要。在现今环境下，新兴…...

编程日记 2025/5/14 23:06:36

Rust: offset祼指针操作

offset是偏移元素个数，不是字节数！ fn main(){let student_a Student{id:20240001,name:"张三娃".into(),class_id:3,age:14,grade:1};let student_b Student{id:20240002,name:"李四牛".into(),class_id:3,age:15,grade:1};let …...

编程日记 2025/5/16 0:59:09

【C#】WPF设置Separator为垂直方向

1. 方法1 <Separator BorderBrush"Gray"><Separator.LayoutTransform><RotateTransform Angle"90" /></Separator.LayoutTransform> </Separator>2. 方法2 <Separator Style"{StaticResource {x:Static ToolBar.S…...

编程日记 2025/5/10 4:28:16

常见的限流算法

常见的限流算法限流的定义固定窗口算法滑动窗口算法漏桶算法（推荐）令牌桶算法(推荐)限流粒度本地限流（单机限流）分布式限流（多机限流）分布式限流的实现限流的定义限流，也称流量控制。是指系统…...

编程日记 2025/5/15 1:05:51

图文教程：使用PowerDesigner导出数据库表结构为Word/Html文档

1、第一种情况-无数据库表，但有数据模型 1.1 使用PowerDesigner已完成数据建模您已经使用PowerDesigner完成数据库建模，如下图： 1.2 Report配置和导出 1、点击：Report->Reports，如下图： 2、点击&…...

编程日记 2025/5/9 9:57:38

7-7 旅行售货员

目录题目描述输入格式: 输出格式: 输入样例: 输出样例: 解题思路： 详细代码： 题目描述某售货员要到若干城市去推销商品，已知各城市之间的路程(或旅费)。他要选定一条从驻地出发，经过每个城市一遍，最后回到驻地的路…...

编程日记 2025/5/16 0:27:12

QT写的动态正弦曲线图显示并打印

创建一个显示正弦曲线的 QChartView，并通过定时器不断更新图表数据，模拟动态数据。此外，还包含了一个在特定时间自动将图表导出为 PDF 文件的功能。代码分析和注释 #include <QApplication> #include <QMainWindow> #include &…...

编程日记 2025/5/15 22:52:30

AI开发：决策树模型概述与实现：从训练到评估和可视化 - Python

通过前面的一些练习，我们已经学习了支持向量机、回归、鸢尾花模型、卷积、知识图谱、生成式对抗网络、 K近邻、等AI算法的基本概念，熟悉了一些常用的AI库，并且使用PYTHON大法进行了一些实战练习。接下来，我们向更深一层的概…...

编程日记 2025/5/16 1:05:36

MySQL 性能瓶颈,为什么 MySQL 表的数据量不能太大?

MySQL的性能瓶颈(为什么MySQL有几万的qps,怎么来的?性能分析为什么 MySQL 表不能太大网上大部分人的说法:问题的关键: B树层数对查询性能的影响到底有多大? 是什么导致的 MySQL 查询缓慢?如何解决: MySQL的性能瓶颈(为什么MySQL有几万的qps,怎么来的? 一个全表扫描的查询…...

编程日记 2025/5/16 0:16:23

Vue中接入萤石等直播视频（更新中ing）

一、萤石： 1. 萤石云开发文档： https://open.ys7.com/help/31 2、安装： npm install ezuikit-js --save 3、在文件中引用：import EZUIKit from ezuikit-js 4、具体代码： 获取accessToken：https://open.…...

编程日记 2025/5/16 1:23:59

25 go语言（golang） - 内存分配机制原理

Go 语言的内存分配机制是一个复杂且高效的系统，旨在为程序提供快速和安全的内存管理。理解 Go 的内存分配有助于编写更高效的代码，并优化程序性能。一、内存区域栈（Stack） 栈用于函数调用时的临时变量分配。栈上的内存在函数返…...

编程日记 2025/5/14 7:49:53

【Linux命令】ps -a 和 ps -ef 的区别

ps -a 和 ps -ef 是 ps（process status）命令的不同选项，它们用于显示不同的进程信息。以下是这两个选项的主要区别： ps -a -a 选项表示显示所有拥有终端的进程，但不包括守护进程（daemon processes&#x…...

编程日记 2025/5/15 4:21:58

几个支持用户名密码的代理链工具: glider, gost, proxychains+microsocks

几个支持用户名密码的代理链工具: glider, gost, proxychainsmicrosocks gost -L:7777 -Fsocks5://192.168.2.20:7575 -Fsocks5://user:passwd1.1.1.1:10086 -Dgost：(https://github.com/ginuerzh/gost) 参考 https://www.quakemachinex.com/blog/279.html...

编程日记 2025/5/14 17:05:36

编译安装教程

编译教程下面是一个完整的从源码编译安装软件的教程，涵盖了从环境准备到配置、编译、安装的所有可能会用到的步骤和细节，适用于各种类型的软件包。一、环境准备在开始编译源码之前，确保系统满足以下条件： 1. 安装必要工具 …...

编程日记 2025/5/9 18:19:18

计算机网络-物理层

1.1传输媒体： 导引型传输媒体：双绞线，同轴电缆，光纤非导引型传输媒体：微波通信（2～40GHz） 1.2传输方式: 串行传输：一个接一个的依次传输并行传输：一次发送n…...

编程日记 2025/5/15 4:24:01

缓存管理自动化：JuiceFS 企业版 Cache Group Operator 新特性发布

近期，JuiceFS 企业版推出了 Cache Group Operator，用于自动化创建和管理缓存组集群。Operator 是一种简化 Kubernetes 应用管理的工具，它能够自动化应用程序的生命周期管理任务，使部署、扩展和运维更加高效。在推出 Operator 之前…...

编程日记 2025/5/15 1:56:05

Linux应用软件编程-多任务处理（线程）

线程：轻量级的进程，线程的栈区独立（8M），与同一进程中的其他线程共用进程的堆区，数据区，文本区。进程是操作系统资源分配的最小单位；线程是cpu任务调度的最小单位。 1. 线程的创建…...

编程日记 2025/5/14 5:58:35

MySql索引（基础篇）

后面也会持续更新，学到新东西会在其中补充。建议按顺序食用，欢迎批评或者交流！ 缺什么东西欢迎评论！我都会及时修改的！ 感谢各位大佬写的文章让我学到很多东西！只是在各位大佬的基础加了我自己的思路&a…...

编程日记 2025/5/16 0:55:41

手机发烫怎么解决？

在当今这个智能手机不离手的时代，手机发烫成了不少人头疼的问题。手机发烫不仅影响使用手感，长期过热还可能损害手机硬件、缩短电池寿命，甚至引发安全隐患。不过别担心，下面这些方法能帮你有效给手机 “降温”。一、使用习惯方面…...

编程日记 2025/5/16 1:01:16

Java实现观察者模式

一、前言观察者模式，又称为发布订阅模式，是一种行为设置模式，允许对象之间建立一对多的依赖关系，这样当一个对象状态改变时，它的所有依赖者（观察者）都会收到通知并自动更新。二、具体实现 …...

编程日记 2025/5/16 0:49:36

OpenResty开发环境搭建

简介 OpenResty 是一个基于 Nginx的高性能 Web 平台，用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。官方地址：http://openresty.org/cn/ 具备下列特点： 具备Nginx的完整功能基于Lua语言进行扩展&#…...

编程日记 2025/5/16 0:32:14

鸿蒙系统文件管理基础服务的设计背景和设计目标

有一定经验的开发者通常对文件管理相关的api应用或者底层逻辑都比较熟悉，但是关于文件管理服务的设计背景和设计目标可能了解得不那么清楚，本文旨在分享文件管理服务的设计背景及目标，方便广大开发者更好地理解鸿蒙系统文件管理服务。 1 鸿蒙…...

编程日记 2025/5/16 0:46:32

Elasticsearch-脚本查询

脚本查询概念 Scripting是Elasticsearch支持的一种专门用于复杂场景下支持自定义编程的强大的脚本功能，ES支持多种脚本语言，如painless，其语法类似于Java,也有注释、关键字、类型、变量、函数等，其就要相对于其他脚本高出几倍的性…...

编程日记 2025/5/16 0:10:16

【蓝桥杯——物联网设计与开发】拓展模块4 - 脉冲模块

目录一、脉冲模块 （1）资源介绍 🔅原理图 🔅采集原理 （2）STM32CubeMX 软件配置 （3）代码编写 （4）实验现象二、脉冲模块接口函数封装三、踩坑日记 &a…...

编程日记 2025/5/16 0:02:23

devops和ICCID简介

Devops DevOps（Development 和 Operations 的组合）是一种软件开发和 IT 运维的哲学，旨在促进开发、技术运营和质量保障（QA）部门之间的沟通、协作与整合。它强调自动化流程，持续集成（CI&#xf…...

编程日记 2025/5/14 14:02:52

uniapp使用live-pusher实现模拟人脸识别效果

需求： 1、前端实现模拟用户人脸识别，识别成功后抓取视频流或认证的一张静态图给服务端。 2、服务端调用第三方活体认证接口，验证前端传递的人脸是否存在，把认证结果反馈给前端。 3、前端根据服务端返回的状态，显示在…...

编程日记 2025/5/15 4:58:49

OSI 网络 7 层模型

问: 请你介绍一下OSI七层网络模型物理层解决什么问题?功能原理问题数据链路层解决什么问题功能原理网络层解决的问题功能原理传输层解决什么问题功能原理会话层解决什么问题功能原理: 表示层解决什么问题应用层解决什么问题如何展示? 问: 请你介绍一下OSI七层网络模型物…...

编程日记 2025/5/13 3:05:25

RK356x bsp 7 - PCF8563 RTC调试记录

文章目录 1、环境介绍2、目标3、PCF85634、dts配置5、内核配置6、测试验证 1、环境介绍硬件：飞凌ok3568-c开发板软件：原厂rk356x sdk 2、目标开发板断电后仍正常计时。 3、PCF8563 PCF8563 是由 NXP Semiconductors 公司生产的低功耗 CMOS 实时…...

编程日记 2025/5/12 2:57:50

Vue.js组件开发-如何实现vueFLow流程

在Vue.js组件中实现vueFlow流程实例确保已经安装了vueFlow库。如果还没有安装，可以使用npm或yarn进行安装： npm install braks/vue-flow # 或者 yarn add braks/vue-flow步骤： ‌引入vueFlow组件‌： 在Vue组件文件中&#xff…...

编程日记 2025/5/11 13:42:14