LLM(3) : 浏览器录制16K的音频并上传到后端
可被阿里云[qwen-audio-asr]大模型识别
HTML
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>录音并上传</title></head><body><button id="recordButton">开始/停止录音</button><audio id="audioPlayback" controls style="display:none;"></audio><script>let mediaRecorder;let audioChunks = [];let recording = false;document.getElementById('recordButton').addEventListener('click', () => {if (recording) {// 停止录音stopRecording();} else {// 开始录音startRecording();}});async function startRecording() {try {const stream = await navigator.mediaDevices.getUserMedia({audio: true});// 创建 MediaRecorder 实例，但不连接到任何音频输出mediaRecorder = new MediaRecorder(stream, {mimeType: 'audio/webm; codecs=opus'});mediaRecorder.ondataavailable = event => {audioChunks.push(event.data);};mediaRecorder.onstop = async () => {const audioBlob = new Blob(audioChunks, {type: 'audio/webm; codecs=opus'});const audioUrl = URL.createObjectURL(audioBlob);const audio = document.getElementById('audioPlayback');audio.src = audioUrl;audio.style.display = 'block';// 自动上传录音文件到后端接口await uploadAudioFile(audioBlob);// 清空 audioChunks 以便下次录音audioChunks = [];};mediaRecorder.start();recording = true;document.getElementById('recordButton').textContent = '停止录音';} catch (err) {console.error('Error accessing media devices.', err);}}function stopRecording() {if (mediaRecorder && mediaRecorder.state !== 'inactive') {mediaRecorder.stop();mediaRecorder.stream.getTracks().forEach(track => track.stop()); // 停止媒体流轨道}recording = false;document.getElementById('recordButton').textContent = '开始录音';}async function uploadAudioFile(blob) {const formData = new FormData();formData.append('file', blob, 'recording.webm');try {const response = await fetch('http://127.0.0.1:30025/sound', {method: 'POST',body: formData,});if (!response.ok) {throw new Error(`HTTP error! status: ${response.status}`);}const result = await response.json();console.log('Server response:', result);} catch (error) {console.error('There was a problem with the fetch operation:', error);}}</script></body>
</html>python接口
@app.route('/sound', methods=['POST'])
def sound():file = request.files['file']# ... 处理文件return "SUCCESS"相关文章：
 : 浏览器录制16K的音频并上传到后端)
LLM(3) : 浏览器录制16K的音频并上传到后端
可被阿里云[qwen-audio-asr]大模型识别 HTML <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>录音并上传</title></head><body><button id"recordButton">开始/停…...
PyTorch使用教程(13)-一文搞定模型的可视化和训练过程监控
一、简介 在现代深度学习的研究和开发中，模型的可视化和监控是不可或缺的一部分。PyTorch，作为一个流行的深度学习框架，通过其丰富的生态系统提供了多种工具来满足这一需求。其中，torch.utils.tensorboard 是一个强大的接口&…...
服务器日志自动上传到阿里云OSS备份
背景 公司服务器磁盘空间有限，只能存近15天日志，但是有时需要查看几个月前的日志，需要将服务器日志定时备份到某个地方，需要查询的时候有地方可查。 针对这个问题，想到3个解决方法： 1、买一个配置比较低…...
树莓派学习
飞书：https://hi06pny1nlj.feishu.cn/docx/GYsMdth7ooNlbJx8zBDcdbcPnec?fromfrom_copylink csdn：https://blog.csdn.net/qq_41685627/article/details/145250576 基础工作 安装和部署 1.1 树莓派三种连接电脑的方式 https://blog.csdn.net/weixin…...
NestJS中实现注入多个实现了同一个接口的Service
在NestJS中有一种场景，在注入的时候需要将多个实现了同一个接口的service都注入到系统里，而NestJS中默认时没有这种注入，此时我们可以使用一个变通的provider来实现这一功能。 看下面例子，假定我们有一个OSService接口࿰…...
Qt按钮美化教程
前言 Qt按钮美化主要有三种方式：QSS、属性和自绘 QSS 字体大小 font-size: 18px;文字颜色 color: white;背景颜色 background-color: rgb(10,88,163); 按钮边框 border: 2px solid rgb(114,188,51);文字对齐 text-align: left;左侧内边距 padding-left: 10…...
基于单片机的多功能蓝牙语音智能台灯（论文+源码）
1总体方案设计 通过需求分析，本设计多功能蓝牙语音智能台灯的系统框图如图2.1所示，系统架构包括主控制器STM32F103单片机、HC-06蓝牙通信模块、LU-ASR01语音识别模块、OLED液晶、LED灯、按键等器件，在使用时用户可以通过手机APP、语音识别、…...
第15章：Python TDD应对货币类开发变化（二）
写在前面 这本书是我们老板推荐过的，我在《价值心法》的推荐书单里也看到了它。用了一段时间 Cursor 软件后，我突然思考，对于测试开发工程师来说，什么才更有价值呢？如何让 AI 工具更好地辅助自己写代码，或许…...
算法随笔_13: 有效三角形的个数
上一篇:算法随笔_12:最短无序子数组-CSDN博客 题目描述如下: 给定一个包含非负整数的数组 nums ，返回其中可以组成三角形三条边的三元组个数。 示例 1: 输入: nums [2,2,3,4] 输出: 3 解释:有效的组合是: 2,3,4 (使用第一个 2) 2,3,4 (使用第二个 2) 2,2,3 算法…...
WSL 2 自动更新 虚拟 IP 到 window hosts
window下的wsl2 开发中使用到 域名映射，但是WSL2 每次启动都会被分配一个虚拟的 ip 地址，每次启动虚拟ip 都不一样，导致要频繁 更改 window 的 hosts 文件，太麻烦了，所以写一个自动执行的 .sh 脚本，每次启动…...
我在广州学Mysql 系列——触发器的使用
ℹ️大家好，我是练小杰，这周是春节前的最后一周了，现在一双手数都能数得过来了！！ 本播客将学习MYSQL中触发器的相关概念以及基础命令~~ 回顾：👉【MYSQL视图相关例题】 数据库专栏👉【…...
【useCallback Hook】在多次渲染中缓存组件中的函数，避免重复创建函数
文章目录 什么是 useCallback？基本语法 为什么需要 useCallback？示例1. 避免子组件重复创建函数2. 作为 useEffect 的依赖项 注意事项总结 在 React 开发中，性能优化是一个重要的主题。随着应用规模的增长，组件的重新渲染可能会变…...
2025/1/20 学习Vue的第三天
玩性太大了玩得也不开心，天天看电视刷视频。 内心实在空洞。 最近天天看小红书上的外国人，结实外国友人（狗头）哈哈哈认识了不少人，有埃及的有美国的，还有天天看菲利普吃糖葫芦哈哈哈哈哈一个阳光的德国大男…...
Kotlin Bytedeco OpenCV 图像图像49 仿射变换 图像裁剪
Kotlin Bytedeco OpenCV 图像图像49 仿射变换 图像裁剪 1 添加依赖2 测试代码3 测试结果 在OpenCV中，仿射变换（Affine Transformation）和透视变换（Perspective Transformation）是两种常用的图像几何变换方法。 变换方…...
金融项目实战 07|Python实现接口自动化——连接数据库和数据清洗、测试报告、持续集成
目录 一、投资模块（投资接口投资业务） 二、连接数据库封装 和 清洗数据 1、连接数据库 2、数据清洗 4、调用 三、批量执行测试用例 并 生成测试报告 四、持续集成 1、代码上传gitee 2、Jenkin持续集成 一、投资模块（投资接口投资业务…...
（快速入门）保姆级详细的 Midjourney 基础教程
一、前言篇 1. 1. AI 绘图是什么？ AI 绘画，顾名思义就是利用人工智能进行绘画，是人工智能生成内容（AIGC）的一个应用场景。其主要原理简单来说就是收集大量已有作品数据，通过算法对它们进行解析，最后再生成新作品，而算法也便是 AI 绘画的核心，是它得以爆火的基础…...
leetcode——找到字符串中所有字母异位词（java）
给定两个字符串 s 和 p，找到 s 中所有 p 的 异位词 的子串，返回这些子串的起始索引。不考虑答案输出的顺序。 示例 1: 输入: s "cbaebabacd", p "abc" 输出: [0,6] 解释: 起始索引等于 0 的子串是 "cba", 它是 "…...
大文件上传服务-后端V1V2
文章目录 大文件上传概述:minio分布式文件存储使用的一些技术校验MD5的逻辑 uploadV1 版本 1uploadv2 版本 2 大文件上传概述: 之前项目做了一个文件上传的功能,最近看到有面试会具体的问这个上传功能的细节，把之前做的项目拿过来总结一下，自己写的一个…...
Single-Model and Any-Modality for Video Object Tracking——2024——cvpr-阅读笔记
Single-Model and Any-Modality for Video Object Tracking 摘要相关工作创新处MethodShared embeddingModal promptingRGB Tracker based on TransformerOverall ExperiimentDatasetRGB-D samples are sourced from DepthTrackRGB-T samples are extracted from LasHeRRGB-E s…...
阳振坤：AI 大模型的基础是数据，AI越发达，数据库价值越大
2024年1月12日，第四届OceanBase数据库大赛决赛在北京圆满落幕。在大赛的颁奖典礼上，OceanBase 首席科学家阳振坤老师为同学们献上了一场主题为“爱上数据库”的公开课，他不仅分享了个人的成长历程，还阐述了对数据库行业现状与未来…...
保姆级教程：在ArcGIS Pro插件中集成你的自定义工具箱（以‘消除重复要素’为例）
从脚本到按钮：ArcGIS Pro插件开发实战指南 在GIS日常工作中，我们常常会遇到一些重复性的数据处理任务。比如数据质检环节的"消除重复要素"操作，虽然可以通过Python脚本实现，但每次都需要打开IDE或Python窗口执行代码&am…...
DeepSeek代码质量评估实战手册：7步完成从混沌到可度量的质变跃迁
更多请点击： https://kaifayun.com 第一章：DeepSeek代码质量评估的底层逻辑与核心价值 DeepSeek代码质量评估并非简单地统计行数或检测语法错误，而是基于多维语义理解构建的推理系统。其底层逻辑融合了静态分析、符号执行与大语言模型生成式…...
DeepSeek RAG系统渗透测试全链路复现（含PoC代码与防御加固清单）
更多请点击： https://kaifayun.com 第一章：DeepSeek RAG系统渗透测试全链路复现概览 DeepSeek RAG系统作为面向企业级知识检索增强生成的典型架构，其安全边界不仅涵盖LLM服务层，更延伸至向量数据库、检索代理、提示工程网关及外部…...
智能检索新范式，让AIAgent自主决策，提升RAG效率100%！
市面上的 RAG 系统，不管叫什么名字，本质上只有两种做法： 第一种，一次性检索。把用户的 query 向量化，从语料库里捞出 Top-K 个文档片段，拼成一个大 prompt 塞给模型。GraphRAG、HippoRAG、LightRAG 都属于…...
Hirschmann RS20-0800M4M4SDAE工业以太网交换机
Hirschmann RS20-0800M4M4SDAE 工业以太网交换机产品特点：端口配置：共8个端口，含6个RJ45电口和2个ST光纤接口。端口速率：所有端口均为100Mbps快速以太网。光纤类型：2个光纤端口为多模、ST接头。管理类型：二…...
为Alchitry Au FPGA开发板外接JTAG接口的完整指南
1. 项目概述与核心价值如果你正在使用基于Xilinx Artix-7 FPGA的Alchitry Au或Au开发板，并且已经厌倦了每次调试或烧录都要依赖板载的USB-JTAG桥接芯片，或者你的项目已经将板载USB接口挪作他用，那么为你的开发板外接一个独立的JTAG调试器&…...
Python基础语法：常用内置函数
round()：四舍五入 # 省略 ndigits print(round(3.14)) # 输出 3（int） print(round(3.66)) # 输出 4# 指定 ndigits print(round(3.14159, 2)) # 输出 3.14（float） print(round(3.666, 2)) # 输出 3.67# …...
第3篇：系统透视——信息部门如何构建“税务友好型”IT架构
本篇导读：如果你是信息总监或IT负责人，请通读全文，尤其是“系统合规设计的三必须”和“现场检查SOP”；如果你是财税人员，请重点阅读“研产供销全链条的系统对接要求”和“与IT部门的协作要点”；如果你是老板…...
【DeepSeek事件驱动架构实战指南】：20年架构师亲授5大核心陷阱与避坑清单
更多请点击： https://kaifayun.com 第一章：DeepSeek事件驱动架构全景认知 DeepSeek事件驱动架构（Event-Driven Architecture, EDA）并非单一技术组件的堆叠，而是一种以事件为第一公民、强调松耦合与异步协作的系统设计…...
开启Python GUI开发新纪元：Tkinter Designer可视化界面自动化生成终极指南
开启Python GUI开发新纪元：Tkinter Designer可视化界面自动化生成终极指南 【免费下载链接】Tkinter-Designer An easy and fast way to create a Python GUI 🐍 项目地址: https://gitcode.com/gh_mirrors/tk/Tkinter-Designer 在Python GUI开发…...