Vue + Websocket播放PCM（base64转ArrayBuffer、 字符串转ArrayBuffer）
文章目录
- 引言
- I 音视频处理相关概念和API
- II 案例:
- 基于开源库 pcm-player方式播放
- 借助MediaSource和Audio对象播放音频流。
- 基于原生api AudioContext 播放操作
- III 格式转换
- js字符串转ArrayBuffer
- base64 转 ArrayBuffer
- IV 解决pcm-player分片播放问题
引言
- 需求： 基于webscoket传输PCM数据( 单声道 8000采样率)，播放和发送语音信息。
- 技术方案：利用socket建立连接，发送文本并接收语音二进制数据，借助MediaSource和Audio对象播放音频流。
AudioContext对象，它充当音频处理的主要接口
- 关键字: audio/webm codes pcm
I 音视频处理相关概念和API
https://blog.csdn.net/z929118967/article/details/143989799
Media Source Pipeline Model Diagram
II 案例:
基于开源库 pcm-player方式播放
本质也是基于 基于原生api AudioContext 播放操作，
相关文章：
Vue + Websocket播放PCM（base64转ArrayBuffer、 字符串转ArrayBuffer）
文章目录 引言I 音视频处理相关概念和APIII 案例:基于开源库 pcm-player方式播放借助MediaSource和Audio对象播放音频流。基于原生api AudioContext 播放操作III 格式转换js字符串转ArrayBufferbase64 转 ArrayBufferIV 解决pcm-player分片播放问题引言 需求： 基于webscoket传…...
华为防火墙技术基本概念学习笔记
1.防火墙概述 1.1防火墙与交换机、路由器对比 路由器与交换机的本质是转发，防火墙的本质是控制。 防火墙与路由器、交换机是有区别的。路由器用来连接不同的网络，通过路由协议保证互联互通，确保将报文转发到目的地;交换机则通常用来组建局域…...
Mesh路由组网
Mesh无线网格网络，多跳（multi-hop）网络，为解决全屋覆盖信号，一般用于家庭网络和小型企业 原理 网关路由器（主路由，连接光猫），Mesh路由器（子路由，…...
【数据结构】七种常用排序总结
一、七种排序及其讲解 以下为七种排序的讲解： 【数据结构】插入排序——直接插入排序 和 希尔排序 【数据结构】选择排序——选择排序 和 堆排序 【数据结构】交换排序——冒泡排序 和 快速排序 【数据结构】归并排序 —— 递归及非递归解决归并排序 二、排序的…...
)
【在Linux世界中追寻伟大的One Piece】多线程(一)
目录 1 -> Linux线程概念 1.1 -> 什么是线程 1.2 -> 线程的优点 1.3 -> 线程的缺点 1.4 -> 线程异常 1.5 -> 线程用途 2 -> Linux线程 VS 进程 2.1 -> 线程和进程 2.2 -> 进程的多个线程共享 3 -> Linux线程控制 3.1 -> POSIX线程…...
《Python编程实训快速上手》第十天--处理CSV文件和JSON数据
CSV：简化的电子表格，被保存为纯文本文件 JSON：是一种数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，以JavaScript源代码的形式将信息保存在纯文本文件中 一、csv模块 CSV文件中的每行代表电…...
基于springboot停车场管理系统源码和论文
如今社会上各行各业，都喜欢用自己行业的专属软件工作，互联网发展到这个时候，人们已经发现离不开了互联网。新技术的产生，往往能解决一些老技术的弊端问题。因为传统停车场管理系统信息管理难度大，容错率低，…...
Linux的桌面
Linux的桌面是可以卸载的 的确，Linux并不像Windows，Linux本身是一个基于命令行的操作系统，在内核眼中，桌面只不过是个普通的应用程序，所以，在Linux的桌面中可以完成的事情，命令行中也基本可以完…...
Spring Boot 3.0废弃了JavaEE，改用了Jakarta EE
Spring Boot 3.0废弃了JavaEE，改用了Jakarta EE 历史背景 javax变成Jakarta的主要原因是因为Java EE项目从Oracle转移到了Eclipse Foundation，并改名为Jakarta EE。 JavaEE是从Java 1.2版本开始推出的Java企业级开发平台，最初的名称是J2EE(J…...
java-排序算法汇总
排序算法： 冒泡排序（Bubble Sort） 选择排序（Selection Sort） 插入排序（Insertion Sort） 快速排序（Quick Sort） 归并排序（Merge Sort） 堆排序&…...
解决办法)
C0030.Clion中运行提示Process finished with exit code -1073741515 (0xC0000135)解决办法
1.错误提示 2.解决办法 添加环境变量完成之后，重启Clion软件，然后就可以正常调用由mingw编译的opencv库了。...
如何理解JS的 异步
JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。 而渲染主线程承担着诸多的工作，渲染页面、执行JS都在其中运行。 如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消…...
vsgithub
VS&GitHub项目联动（上传和克隆），创建你的第一个仓库，小白配置_vs上传代码到github-CSDN博客...
Android蓝牙架构，源文件目录/编译方式学习
Android 版本 发布时间 代号（Codename） Android 1.0 2008年9月23日 无 Android 1.1 2009年2月9日 Petit Four Android 1.5 2009年4月27日 Cupcake Android 1.6 2009年9月15日 Donut Android 2.0 2009年10月26日 Eclair Android 2.1 2…...
10 - Clickhouse集群部署以及副本和分片
目 一、副本 1、简介 2、副本写入流程 3、副本配置步骤 3.1、启动zookeeper集群 3.2、在 hallo100 的/etc/clickhouse-server/config.d 目录下创建一个名为metrika.xml 的配置文件,内容如下： 3.3、在 hallo100 的/etc/clickhouse-server/config.xml 中增加如…...
FreeRTOS的软件定时器与事件标志组
目录 1.FreeRTOS软件定时器 1.1 什么是FreeRTOS软件定时器？ 1.2 学习软件定时器的意义 1.3 软件定时器的简介 1.3.1 软件定时器概述 1.3.2 编写回调函数的注意事项 1.4 定时器服务/Daemon 任务 1.4.1 定时器服务任务与队列 1.4.2 定时器相关配置 configUSE_T…...
生产制造领域的多元化模式探索
在当今全球化和信息化的时代背景下，生产制造领域正经历着前所未有的变革。随着消费者需求的多样化、市场竞争的加剧以及技术的不断进步，传统的生产制造模式已经难以满足现代企业的需求。因此，多种生产制造模式应运而生，以适应不同…...
大数据技术之SparkCore
RDD概述 什么是RDD RDD（Resilient Distributed Dataset）叫做弹性分布式数据集，是Spark中最基本的数据抽象。代码中是一个抽象类，它代表一个弹性的、不可变、可分区、里面的元素可并行计算的集合。 RDD五大特性 RDD编程 RDD的创…...
element-plus的组件数据配置化封装 - table
目录 一、封装的table、table-column组件以及相关ts类型的定义 1、ATable组件的封装 - index.ts 2、ATableColumn组件的封装 - ATableColumn.ts 3、ATable、ATableColumn类型 - interface.ts 二、ATable、ATableColumn组件的使用 三、相关属性、方法的使用以及相关说明 1. C…...
蓝桥杯每日真题 - 第15天
题目：（钟表） 题目描述（13届 C&C B组B题） 解题思路： 理解钟表指针的运动： 秒针每分钟转一圈，即每秒转6度。 分针每小时转一圈，即每分钟转6度。 时针每12小时转一圈…...
c#:winform调用bartender实现打印（学习整理笔记）
效果 学习路径 C# winform调用Bartender进行自定义打印、批量打印、检索文件夹中的模板_哔哩哔哩_bilibili 一、初始环境搭建见： c#:winform引入bartender-CSDN博客https://blog.csdn.net/weixin_46001736/article/details/143989473?sharetypeblogdetail&s…...
周期法频率计的设计
目录 周期法频率计 分析： 设计过程： 周期法频率计 对于低频信号，应用周期法进行测频。周期法测频的基本原理是：应用标准频率信号统计被测信号两个相邻脉冲之间的脉冲数，然后通过脉冲数计算出被测信号的周期ÿ…...
【2024亚太杯亚太赛APMCM C题】数学建模竞赛｜宠物行业及相关产业的发展分析与策略｜建模过程+完整代码论文全解全析
第一个问题是：请基于附件 1 中的数据以及你的团队收集的额外数据，分析过去五年中国宠物行业按宠物类型的发展情况。并分析中国宠物行业发展的因素，预测未来三年中国宠物行业的发展。 第一个问题：分析中国宠物行业按宠物类型的发展…...
uniapp的renderjs使用
uniapp中的RenderJS主要服务于APP和H5平台，其作用包括降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力，以及在视图层操作DOM和运行Web的JS库。 RenderJS是uni-app中一个特性，它允许开发者在页面中使用JavaScript直接渲…...
CPU命名那些事
一、Intel CPU命名 1. 命名结构 Intel CPU 的命名通常包含以下几个部分： 品牌 产品线 系列 代数 具体型号 后缀 例如：Intel Core i7-13700K 2. 各部分含义 品牌 Intel：表示厂商（几乎所有命名中都有）。不同品…...
【LLM】一文学会SPPO
博客昵称：沈小农学编程 作者简介：一名在读硕士，定期更新相关算法面试题，欢迎关注小弟！ PS：哈喽！各位CSDN的uu们，我是你的小弟沈小农，希望我的文章能帮助到你。欢迎大家在…...
)
鸿蒙多线程开发——线程间数据通信对象03(sendable)
1、简 介 在传统JS引擎上，对象的并发通信开销的优化方式只有一种，就是把实现下沉到Native侧，通过Transferable对象的转移或共享方式降低并发通信开销。而开发者仍然还有大量对象并发通信的诉求，这个问题在业界的JS引擎实现上并没…...
web前端开发--动画效果
1、3D旋转 <!DOCTYPE html> <html><head><meta charset"UTF-8"><title>3D旋转</title><style type"text/css">div{/*设置大盒子样式*/width: 100px;height: 100px;/*background-color: rgba(255,0,0,0.5);*/ba…...
【数据分享】中国价格统计年鉴（2013-2024） PDF
数据介绍 犹如一座珍贵的宝库，全面而系统地记录了中国在这一时期的价格变动情况。它涵盖了丰富的内容，包括宏观经济指标、商品价格、居民消费价格以及城市物价监测等多个方面。 在宏观经济指标方面，年鉴中收录了 GDP、CPI、PPI 等重要数据&…...
鸿蒙NEXT开发案例：字数统计
【引言】 本文将通过一个具体的案例——“字数统计”组件，来探讨如何在鸿蒙NEXT框架下实现这一功能。此组件不仅能够统计用户输入文本中的汉字、中文标点、数字、以及英文字符的数量，还具有良好的用户界面设计，使用户能够直观地了解输入文本…...
TritonServer中加载模型，并在Gunicorn上启动Web服务调用模型
TritonServer中加载模型，并在Gunicorn上启动Web服务调用模型 一、TritonServer中加载模型1.1 搭建本地仓库1.2 配置文件1.3 服务端代码1.4 启动TritonServer二、Gunicorn上启动Web服务2.1 安装和配置Gunicorn2.2 启动Gunicorn三、调用模型四、性能优化与监控五、总结在深度学习…...
[UE5学习] 一、使用源代码安装UE5.4
一、简介 本文介绍了如何使用源代码安装编译UE5.4，并且新建简单的项目，打包成安卓平台下的apk安装包。 二、使用源代码安装UE5.4 注意事项： 请保证可以全程流畅地科学上网。请保证C盘具有充足的空间。请保证接下来安装下载的visual studi…...
2023AE软件、Adobe After Effects安装步骤分享教程
2023AE软件是一款由Adobe公司开发的视频编辑软件，也被称为Adobe After Effects。它在广告、电影、电视和网络视频等领域广泛应用，用于制作动态图形、特效、合成和其他视觉效果。该软件支持多种视频和音频文件格式，具有丰富的插件和预设&#…...
Xilinx 7 系列 FPGA的各引脚外围电路接法
Xilinx 7系列FPGA的外围电路接法涉及到多个方面，包括电源引脚、时钟输入引脚、FPGA配置引脚、JTAG调试引脚，以及其他辅助引脚。 本文参考资料： ds180 - 7 Series FPGAs Data Sheet - Overview ds181 - Artix 7 FPGAs Data Sheet - DC and AC…...
【LeetCode热题100】队列+宽搜
这篇博客是关于队列宽搜的几道题，主要包括N叉树的层序遍历、二叉树的锯齿形层序遍历、二叉树最大宽度、在每个数行中找最大值。 class Solution { public:vector<vector<int>> levelOrder(Node* root) {vector<vector<int>> ret;if(!root) …...
＜Sqlite＞＜websocket＞使用Sqlite与websocket，实现网页端对数据库的【读写增删】操作
前言 本文是在websocket进行通讯的基础，添加数据库进行数据的存储，数据库软件使用的是sqlite。 环境配置 系统：windows 平台：visual studio code 语言：javascript、html 库：nodejs、sqlite 概述 此前，我们实现在利用websocket和socket，将网页端与下位控制器如PLC进行…...
summernote富文本批量上传音频,视频等附件
普通项目,HTML的summernote富文本批量上传音频,视频等附件(其他附件同理) JS和CSS的引入 <head><th:block th:include"include :: summernote-css" /> </head> <body><th:block th:include"include :: summernote-js" /> …...
第六十五周周报 UP2ME
文章目录 week 65 UP2ME摘要Abstract1. 题目2. Abstract3. 文献解读3.1 Introduction3.2 创新点 4. 网络结构4.1 单变量预训练4.1.1 样例生成4.1.2 掩码自动编码器预训练4.1.3 即时反应模式 4.2 多元微调4.2.1 稀疏依赖图构造4.2.2 时域频道层 5. 实验结果6. 结论7. 部分关键代…...
Unity 使用 Excel 进行配置管理（读Excel配置表、Excel转保存Txt 文本、读取保存的 Txt 文本配置内容）
Unity 使用 Excel 进行配置管理（读Excel配置表、Excel转保存Txt 文本、读取保存的 Txt 文本配置内容） 目录 Unity 使用 Excel 进行配置管理（读Excel配置表、Excel转保存Txt 文本、读取保存的 Txt 文本配置内容） 一、简单介绍 二、实现原理 三、注意事项 四、案例简单步…...
【STM32】MPU6050简介
文章目录 MPU6050简介MPU6050关键块带有16位ADC和信号调理的三轴MEMS陀螺仪具有16位ADC和信号调理的三轴MEMS加速度计I2C串行通信接口 MPU6050对应的数据手册：MPU6050 陀螺仪加速度计 链接: https://pan.baidu.com/s/13nwEhGvsfxx0euR2hMHsyw?pwdv2i6 提取码: v2i6…...
学习日记_20241123_聚类方法（MeanShift）
前言 提醒： 文章内容为方便作者自己后日复习与查阅而进行的书写与发布，其中引用内容都会使用链接表明出处（如有侵权问题，请及时联系）。 其中内容多为一次书写，缺少检查与订正，如有问题或其他拓展…...
Qt常用控件 按钮
文章目录 1. QAbstractButton 简介2. QPushButton2.1 例子1，设置按钮的图标2.2 例子2，设置按钮快捷键 3. QRadioButton3.1 介绍3.2 例子1，选择性别3.3 例子2，试试其他的信号3.3 例子3，分组 4. QCheckBox4.1 介绍4.2 例…...
)
医院信息化与智能化系统(22)
医院信息化与智能化系统(22) 这里只描述对应过程，和可能遇到的问题及解决办法以及对应的参考链接，并不会直接每一步详细配置 如果你想通过文字描述或代码画流程图，可以试试PlantUML，告诉GPT你的文件结构，让他给你对应…...
-稳定输出3.3V的太阳能电池-无限充放电)
嵌入式硬件实战基础篇(二)-稳定输出3.3V的太阳能电池-无限充放电
引言：本内容主要用作于学习巩固嵌入式硬件内容知识，用于想提升下述能力，针对学习稳压芯片和电容以及电池之间的运用，对于硬件PCB以及原理图的练习和前面硬件篇的实际运用；太阳能是一种清洁、可再生的能源，广…...
UE5材质篇5 简易水面
不得不说，UE5里搞一个水面实在是相比要自己写各种反射来说太友好了，就主要是开启一堆开关，lumen相关的，然后稍微连一些蓝图就几乎有了 这里要改一个shading model，要这个 然后要增加一个这个node 并且不需要连接base …...
)
Rollup配置实战：多产物与多入口的完美结合 (2)
常用配置 多产物配置 我们可以将 output 改造成一个数组，对外暴露出不同格式的产物供他人使用，不仅包括 ESM，也需要包括诸如CommonJS、UMD等格式，保证良好的兼容性 import { defineConfig } from rollupexport default defineC…...
iced源码分析
前言 iced是一个比较流行的UI库，设计思路还是挺有意思的，不过因为rust复杂的语法，这个库确实很难让一个不精通rust的开发者那么容易理解。这里记录下这几天的阅读源码心得。 正文 iced核心包括四个模块。 iced库，主要控制应用…...
Hadoop的MapReduce详解
文章目录 Hadoop的MapReduce详解一、引言二、MapReduce的核心概念1、Map阶段1.1、Map函数的实现 2、Reduce阶段2.1、Reduce函数的实现 三、MapReduce的执行流程四、MapReduce的使用实例Word Count示例1. Mapper类2. Reducer类3. 执行Word Count 五、总结 Hadoop的MapReduce详解…...
【Python系列】字典灵活的数据存储与操作
💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...
【MCU】微控制器的编程技术：ISP 与 IAP
在嵌入式领域中，将程序下载到内置 Flash 有两种技术 ISP (In-system programming) ISP 即在系统编程，是指一些可编程逻辑器件、微控制器、芯片组和其他嵌入式设备在安装到完整嵌入式系统后能够进行编程，而不需要在将芯片安装到系统中之前对…...