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

HTML5+CSS3+JS小实例：音频可视化

news 2026/2/10 1:12:50

实例：音频可视化

技术栈：HTML+CSS+JS

效果：

源码：

【HTML】

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>音频可视化</title><link rel="stylesheet" href="209.css">
</head>
<body><canvas></canvas><audio src="/mp3/夜曲.mp3" controls></audio>
</body>
</html><script src="209.js"></script>

【CSS】

*{margin:

HTML5+CSS3+JS小实例：音频可视化

实例：音频可视化技术栈：HTML+CSS+JS 效果：源码：【HTML】 <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><m…...

编程日记 2024/1/13 7:11:44

【写作】短篇《相遇与相守》

文章目录前言背景角色故事梗概第一章缘分的邂逅第二章心动的瞬间第三章甜蜜的日子第四章误会与和解第五章共度风雨前言背景时代背景现代，一个充满忙碌和喧嚣的都市。这个都市是许多年轻人追求梦想和奋斗的地方，但也是许多人渴望寻找真挚感情…...

编程日记 2024/1/13 7:07:41

2024年最新软件测试面试题

Part1 1、你的测试职业发展是什么？【文末有面试文档免费领取】测试经验越多，测试能力越高。所以我的职业发展是需要时间积累的，一步步向着高级测试工程师奔去。而且我也有初步的职业规划，前3年积累测试经验，按如何做…...

编程日记 2024/1/13 7:06:40

instanceof、对象类型转化、static关键字

instanceof 与对象类型转换 instanceof是判断一个对象是否与一个类有关系的关键字先看引用类型，再看实际类型 *例子：obj instanceof A 先看obj的类型是否与A有关联，无关联则报错，有关联则判断obj的实际类型因为obj的实际类…...

编程日记 2024/1/13 7:03:37

学习笔记-python文件基本操作

1.文件的基本操作 open()打开函数语法 : open(name,mode) name：是要打开的目标文件名的字符串(可以包含文件所在的具体路径)。 mode：设置打开文件的模式(访问模式)：只读、写入、追加等。 # 打开文件open(): 如果报FileNotFoundError,文件路…...

编程日记 2024/1/13 7:02:36

【Scala】——流程控制

1 if-else 分支控制让程序有选择的的执行，分支控制有三种：单分支、双分支、多分支 1.1单分支 if (条件表达式) {执行代码块 }1.2 双分支 if (条件表达式) {执行代码块 1 } else {执行代码块 2 }1.3 多分支 if (条件表达式1) {执行代码块 1 } else …...

编程日记 2024/1/13 6:57:29

imgaug库指南（20）：从入门到精通的【图像增强】之旅

引言在深度学习和计算机视觉的世界里，数据是模型训练的基石，其质量与数量直接影响着模型的性能。然而，获取大量高质量的标注数据往往需要耗费大量的时间和资源。正因如此，数据增强技术应运而生，成为了解决这一问题的…...

编程日记 2024/1/13 6:56:28

编写一个简单的服务和客户端（C++）

背景当节点使用服务进行通信时，发送数据请求的节点称为客户端节点，响应请求的节点称为服务节点。请求和响应的结构由.srv文件确定。这里使用的例子是一个简单的整数加法系统；一个节点请求两个整数之和，另一个节点响应结果。 …...

编程日记 2024/1/13 6:54:27

InseRF: 文字驱动的神经3D场景中的生成对象插入

每周跟踪AI热点新闻动向和震撼发展想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领…...

编程日记 2024/1/13 6:52:25

类厂，变长参数，序列化

目的在记录nav2中的各类信息，保存到文件中，以便后面回放来分析算法的编程中发现。各种信息记录的数据不同，可能还会有变化，所以决定采用类厂模式，参见C++设计模式入门记录的基类有个信息记录的基类，不同的记录对应不同的子类。 enum rcdType{RT_NA,RT_nav2Info,R…...

编程日记 2024/1/13 6:51:24

LLK的2023年度总结

文章目录一月二月三月四月五月六月七月八月九月十月十一月十二月一月此时的俺还在沉浸在蓝桥杯的练习和女朋友的甜蜜期，感觉没啥大长进。然后荣幸地知道了自己C语言实验因为某种非技术原因而挂科了。此时自己地目标由保研自然地转换到考研比赛就业的方向了。接着…...

编程日记 2024/1/13 6:50:23

Redis-浅谈redis.conf配置文件

Redis.conf Redis.conf是Redis的配置文件，它包含了一系列用于配置Redis服务器行为和功能的选项。以下是Redis.conf中常见的一些选项配置： bind: 指定Redis服务器监听的IP地址，默认为127.0.0.1，表示只能本地访问，可以…...

编程日记 2024/1/13 6:48:22

【liunx】线程池+单例模式+STL,智能指针和线程安全+其他常见的各种锁+读者写者问题

线程池单例模式STL,智能指针和线程安全其他常见的各种锁读者写者问题 1.线程池2.线程安全的单例模式3.STL,智能指针和线程安全4.其他常见的各种锁4.读者写者问题喜欢的点赞，收藏，关注一下把！ 1.线程池目前我们学了挂起等待锁、条件变量、信…...

编程日记 2024/1/13 6:42:16

Golang的API项目快速开始

开启一个简单的API服务。 golang的教程网上一大堆，官网也有非常详细的教程，这里不在赘述这些基础语法教程，我们意在快速进入项目开发阶段。 golang好用语法教程传送门： m.runoob.com/go/ 编写第一个API 前提：按照上一…...

编程日记 2024/1/13 6:41:15

机器学习_实战框架

文章目录介绍机器学习的实战框架1.定义问题2.收集数据和预处理(1).收集数据(2).数据可视化(3).数据清洗(4).特征工程(5).构建特征集和标签集(6).拆分训练集、验证集和测试集。 3.选择算法并建立模型4.训练模型5.模型的评估和优化介绍机器学习的实战框架一个机器学习项目从开…...

编程日记 2024/1/13 6:39:13

Java8常用新特性

目录简介 1.默认方法 2..Lambda表达式 3.Stream API 4.方法引用 5.Optional类简介 Java 8是Java编程语言的一个重要版本，引入了许多令人兴奋和强大的新特性。这些特性使得Java程序更加现代化、灵活和高效。让我们一起来探索一些Java 8的常用新特性吧&#…...

编程日记 2024/1/13 6:38:12

Go语言中的Channel

1. 简介 Channel是Go语言中一种重要的并发原语，它允许goroutine之间安全地交换数据。Channel是一个类型化的队列，它可以存储一个特定类型的值。goroutine可以通过发送和接收操作来向channel中写入和读取数据。 2. Channel的类型 Channel的类型由其元素…...

编程日记 2024/1/13 6:34:08

Unity中URP下实现深度贴花

文章目录前言一、场景设置二、实现思路1、通过深度图求出像素所在视图空间的Z值2、通过模型面片的求出像素在观察空间下的坐标值3、结合两者求出深度图中像素的 XYZ值4、再将此坐标转换到模型的本地空间，把XY作为UV来进行纹理采样三、URP下实现1、通过深度图求出…...

编程日记 2024/1/13 6:30:04

openssl3.2 - 官方demo学习 - cipher - aesccm.c

文章目录 openssl3.2 - 官方demo学习 - cipher - aesccm.c概述笔记END openssl3.2 - 官方demo学习 - cipher - aesccm.c 概述 aesccm.c 是 AES-192-CCM 的加解密应用例子, 用的EVP接口. 看到不仅仅要用到key, iv, data, 在此之前还要设置 nonce, tag, 认证数据. 为啥需要设置…...

编程日记 2024/1/13 6:29:04

uniapp 对接腾讯云IM群组成员管理（增删改查）

UniApp 实战：腾讯云IM群组成员管理（增删改查） 一、前言在社交类App开发中，群组成员管理是核心功能之一。本文将基于UniApp框架，结合腾讯云IM SDK，详细讲解如何实现群组成员的增删改查全流程。权限校验…...

编程新知 2026/1/13 9:59:27

LeetCode - 394. 字符串解码

题目 394. 字符串解码 - 力扣（LeetCode） 思路使用两个栈：一个存储重复次数，一个存储字符串遍历输入字符串： 数字处理：遇到数字时，累积计算重复次数左括号处理：保存当前状态&a…...

编程新知 2026/1/25 10:09:59

srs linux

下载编译运行 git clone https:///ossrs/srs.git ./configure --h265on make 编译完成后即可启动SRS # 启动 ./objs/srs -c conf/srs.conf # 查看日志 tail -n 30 -f ./objs/srs.log 开放端口默认RTMP接收推流端口是1935，SRS管理页面端口是8080，可…...

编程新知 2026/2/6 9:49:55

Matlab | matlab常用命令总结

常用命令一、基础操作与环境二、矩阵与数组操作（核心）三、绘图与可视化四、编程与控制流五、符号计算 (Symbolic Math Toolbox)六、文件与数据 I/O七、常用函数类别重要提示这是一份 MATLAB 常用命令和功能的总结，涵盖了基础操作、矩阵运算、绘图、编程和文件处理等…...

编程新知 2025/8/11 1:05:59

什么是Ansible Jinja2

理解 Ansible Jinja2 模板 Ansible 是一款功能强大的开源自动化工具，可让您无缝地管理和配置系统。Ansible 的一大亮点是它使用 Jinja2 模板，允许您根据变量数据动态生成文件、配置设置和脚本。本文将向您介绍 Ansible 中的 Jinja2 模板，并通…...

编程新知 2026/2/6 1:00:25

sipsak：SIP瑞士军刀！全参数详细教程！Kali Linux教程！

简介 sipsak 是一个面向会话初始协议 (SIP) 应用程序开发人员和管理员的小型命令行工具。它可以用于对 SIP 应用程序和设备进行一些简单的测试。 sipsak 是一款 SIP 压力和诊断实用程序。它通过 sip-uri 向服务器发送 SIP 请求，并检查收到的响应。它以以下模式之一…...

编程新知 2026/1/29 8:51:33