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

HTML——29. 音频引入二

news 2026/4/4 8:07:12 
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>音频引入</title></head><body><!--audio:在网页中引入音频IE8以及之前版本不支持属性名和属性值一样，可以只写属性名src属性:指定音频文件路径，必须要有controls属性：显示播放控件,autoplay属性：音频在就绪后马上播放loop属性：音频播放结束后重新开始（重复播放）loop="loop"muted属性：音频输出应该被静音preload属性：页面加载时就开始加载音频，并预备播放.如果使用了“autoplay”属性，preload属性不会生效--><!--<audio src="m/wdzg.mp3" controls autoplay loop muted preload></audio>--><audio src="m/wdzg.mp3" controls loop muted preload></audio></body>
</html>

autoplay属性：音频在就绪后”马上播放“
preload属性：页面加载时就开始加载音频，并”预备播放“

如果使用了“autoplay”属性，preload属性不会生效

相关文章：

HTML——29. 音频引入二

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>音频引入</title></head><body><!--audio:在网页中引入音频IE8以及之前版本不支持属性名和属性值一样&#xff0c;可以只写属性名src属性:指定音频文件…...

编程日记 2025/1/2 0:24:45

代码随想录训练营第三十四天| 62.不同路径 63. 不同路径 II

62.不同路径 题目链接&#xff1a;62. 不同路径 - 力扣&#xff08;LeetCode&#xff09; 讲解链接&#xff1a;代码随想录 动态规划五步走 1 定义dp数组是到dp[i][j]时有dp[i][j]条路径 dp[i][j] &#xff1a;表示从&#xff08;0 &#xff0c;0&#xff09;出发&#xf…...

编程日记 2025/1/2 0:20:40

V90伺服PN版组态配置＜一＞

1、添加PLC之后&#xff0c;继续博图中网络视图中添加新设备&#xff0c;添加伺服驱动器组态设备 2、SINAMICS V90 PN V1.0 3、修改驱动器的IP地址。 【注意】 在项目中提前做好项目规划&#xff0c;如PLC设备从192.168.0.1开始&#xff0c;顺序递增------个位数都是CPU设备…...

编程日记 2025/1/2 0:15:34

又一年。。。。。。

2024&#xff0c;浑浑噩噩的一年。 除了100以内的加减法&#xff08;数据&#xff0c;数据&#xff0c;还是数据。。。。。。&#xff09;&#xff0c;似乎没做些什么。 脸盲症越来越重的&#xff0c;怕是哪天连自己都不认得自己的了。 看到什么&#xff0c;听到什…...

编程日记 2025/1/2 0:13:32

xterm + vue3 + websocket 终端界面

xterm.js 下载插件 // xterm npm install --save xterm// xterm-addon-fit 使终端适应包含元素 npm install --save xterm-addon-fit// xterm-addon-attach 通过websocket附加到运行中的服务器进程 npm install --save xterm-addon-attach <template><div :…...

编程日记 2025/1/2 0:11:30

医疗数仓业务数据采集与同步

业务数据采集与同步 业务采集组件配置业务数据同步概述数据同步策略选择数据同步工具概述1.1.4 全量表数据同步DataX配置文件生成全量表数据同步脚本增量表数据同步 MySQL - Maxwell - Kafka - Flume - HDFSMaxwell配置增量表首日全量同步 业务采集组件配置 Maxwell将业务采集到…...

编程日记 2025/1/2 0:10:29

数字孪生智慧水利与水务所包含的应用场景有哪些？二者有何区别

水利和水务是两个密切相关但有所区别的概念&#xff0c;它们在水资源管理和保护方面各自承担着不同的职责和功能。 定义 智慧水务&#xff1a;智慧水务是指通过物联网、大数据、云计算、人工智能等新一代信息技术&#xff0c;对城市供水、排水、污水处理、水质监测等水务系统…...

编程日记 2025/1/2 0:09:27

Qt Creator项目构建配置说明

QT安装好之后&#xff0c;在安装目录的Tools\QtCreator\bin下找到qtcreator.exe文件并双击打开 点击文件-新建文件或项目 选择Qt Widgets Application 设置项目名称以及路径 make工具选择qmake&#xff08;cmake还未尝试过&#xff09; 设置主界面对应类的名称、父类&#…...

编程日记 2025/1/2 0:08:26

进程间通信的“五大武器”

&#x1f604;作者简介&#xff1a; 小曾同学.com,一个致力于测试开发的博主⛽️&#xff0c;主要职责&#xff1a;测试开发、CI/CD 如果文章知识点有错误的地方&#xff0c;还请大家指正&#xff0c;让我们一起学习&#xff0c;一起进步。 &#x1f60a; 座右铭&#xff1a;不…...

编程日记 2025/1/2 0:07:25

全国青少年信息学奥林匹克竞赛（信奥赛）备考实战之循环结构（for循环语句）（六）

实战训练1—输出九九乘法表 问题描述: 在学校里学过九九乘法表&#xff0c;编程实现打印九九乘法表。 输入格式&#xff1a; 无输入 输出格式&#xff1a; 1*11 2*12 2*24 3*13 3*26 3*39 4*14 4*28 4*312 4*416 5*15 5*210 5*315 5*420 5*525 6*16 6*212 6*318 6*424 6*5…...

编程日记 2025/1/2 0:05:23

封装echarts成vue component

封装echarts成vue component EChartsLineComponent 文章目录 封装echarts成vue component EChartsLineComponent封装说明重写重点EChartsLineComponent的源码 使用说明调用EChartsLineComponent示例源码 封装说明 为了减少一些公共代码和方便使用echarts的line图形&#xff0c…...

编程日记 2025/1/2 0:03:20

uniapp Stripe 支付

引入 Stripe npm install stripe/stripe-js import { loadStripe } from stripe/stripe-js; Stripe 提供两种不同类型组件 Payment Element 和 Card Element&#xff1a;如果你使用的是 Payment Element&#xff0c;它是一个更高级别的组件&#xff0c;能够自动处理多种支…...

编程日记 2025/1/2 0:01:18

Windows onnxruntime编译openvino

理论上来说&#xff0c;可以直接访问 ONNXRuntime Releases 下载 dll 文件&#xff0c;然后从官方文档中下载缺少的头文件以直接调用&#xff0c;但我没有尝试过。 1. 下载 OpenVINO 包 从官网下载 OpenVINO 的安装包并放置在 C:\Program Files (x86) 路径下&#xff0c;例如…...

编程日记 2025/1/1 23:49:07

vue3+TS+vite中Echarts的安装与使用

概述 技术栈&#xff1a;Vue3TsViteEcharts 简述&#xff1a;图文详解&#xff0c;教你如何在Vue项目中引入Echarts&#xff0c;封装Echarts组件&#xff0c;并实现常用Echats图列 文章目录 一&#xff0c;效果图 二&#xff0c;引入Echarts 2.1安装Echarts 2.2main.ts中引…...

编程日记 2025/1/1 23:48:06

期末算法分析程序填空题

目录 5-1 最小生成树&#xff08;普里姆算法&#xff09; 5-2 快速排序&#xff08;分治法&#xff09; 输入样例&#xff1a; 输出样例&#xff1a; 5-3 归并排序(递归法) 输入样例&#xff1a; 输出样例&#xff1a; 5-4 求解编辑距离问题&#xff08;动态规划法&#xff09;…...

编程日记 2025/1/1 23:43:01

搭建android开发环境 android studio

1、环境介绍 在进行安卓开发时&#xff0c;需要掌握java&#xff0c;需要安卓SDK&#xff0c;需要一款编辑器&#xff0c;还需要软件的测试环境&#xff08;真机或虚拟机&#xff09;。 早起开发安卓app&#xff0c;使用的是eclipse加安卓SDK&#xff0c;需要自行搭建。 目前开…...

编程日记 2025/1/1 23:39:58

R语言6种将字符转成数字的方法，写在新年来临之际

咱们临床研究中&#xff0c;拿到数据后首先要对数据进行清洗&#xff0c;把数据变成咱们想要的格式&#xff0c;才能进行下一步分析&#xff0c;其中数据中的字符转成数字是个重要的内容&#xff0c;因为字符中常含有特殊符号&#xff0c;不利于分析&#xff0c;转成数字后才能…...

编程日记 2025/1/1 23:34:54

RocketMQ学习笔记（持续更新中......）

目录 1. 单机搭建 2. 测试RocketMQ 3. 集群搭建 4. 集群启动 5. RocketMQ-DashBoard搭建 6. 不同类型消息发送 1.同步消息 2. 异步消息发送 3. 单向发送消息 7. 消费消息 1. 单机搭建 1. 先从rocketmq官网下载二进制包&#xff0c;ftp上传至linux服务器&#xff0c…...

编程日记 2025/1/1 23:32:52

强化学习的基础概念

这节课会介绍一些基本的概念&#xff0c;并结合例子讲解。 在马尔科夫决策框架下介绍这些概念 本博客是基于西湖大学强化学习课程的视屏进行笔记的&#xff0c;这是链接&#xff1a; 课程链接 目录 强化学习的基本概念 state和state space Action和Action Space State transiti…...

编程日记 2025/1/1 23:31:50

excel怎么删除右边无限列（亲测有效）

excel怎么删除右边无限列&#xff08;亲测有效&#xff09; 网上很多只用第1步的&#xff0c;删除了根本没用&#xff0c;还是存在&#xff0c;但是隐藏后取消隐藏却是可以的。 找到右边要删除的列的第一个空白列&#xff0c;选中整个列按“ctrlshift>(向右的小箭头)”&am…...

编程日记 2025/1/1 23:30:48

基于LSTM时间序列预测思想优化Qwen3对话连贯性

基于LSTM时间序列预测思想优化Qwen3对话连贯性 你有没有遇到过这种情况&#xff1f;和AI助手聊得正起劲&#xff0c;从天气聊到周末计划&#xff0c;再聊到最近看的电影&#xff0c;结果它突然冒出一句&#xff1a;“您刚才提到的那个项目需求是什么&#xff1f;”——得&…...

编程新知 2026/4/4 8:04:15

三步解决Windows系统驱动冗余难题：DriverStore Explorer系统优化指南

三步解决Windows系统驱动冗余难题&#xff1a;DriverStore Explorer系统优化指南 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer 系统盘空间持续告急&#xff1f;设备管理器中出现重复驱…...

编程新知 2026/4/4 7:56:14

Qwen3-Reranker-0.6B部署实战：从零开始到成功调用

Qwen3-Reranker-0.6B部署实战&#xff1a;从零开始到成功调用 1. 认识Qwen3-Reranker-0.6B 1.1 模型核心能力 Qwen3-Reranker-0.6B是Qwen家族最新推出的文本重排序模型&#xff0c;专为提升文本检索质量而设计。这个0.6B参数的模型虽然体积适中&#xff0c;但在多语言文本排…...

编程新知 2026/4/4 6:45:45

万象熔炉 | Anything XL详细步骤：错误提示‘low VRAM’的5种应对策略

万象熔炉 | Anything XL详细步骤&#xff1a;错误提示‘low VRAM’的5种应对策略 1. 工具简介与显存挑战 万象熔炉 | Anything XL是一款基于Stable Diffusion XL Pipeline开发的本地图像生成工具&#xff0c;它最大的特点是支持直接加载safetensors单文件权重&#xff0c;无需…...

编程新知 2026/4/4 6:31:42

mPLUG与LangChain集成实战：构建智能视觉问答知识库

mPLUG与LangChain集成实战&#xff1a;构建智能视觉问答知识库 1. 当图片会“说话”时&#xff0c;知识管理发生了什么变化 上周帮一家三甲医院的信息科同事调试系统&#xff0c;他们正为医学影像资料的检索头疼。放射科每天产生上千张CT和MRI片子&#xff0c;但医生想找某类…...

编程新知 2026/4/4 6:15:33

SagerNet数据库架构完全指南：Room与DataStore在代理工具中的最佳实践

SagerNet数据库架构完全指南&#xff1a;Room与DataStore在代理工具中的最佳实践 SagerNet作为Android平台上的通用代理工具链&#xff0c;其强大的数据库架构设计是其核心竞争力的关键。通过深入分析SagerNet的Room数据库与DataStore的完美结合&#xff0c;我们可以了解现代A…...

编程新知 2026/4/4 4:44:23

万字长文带你深入Redis底层数据结构

在技术领域&#xff0c;我们常常被那些闪耀的、可见的成果所吸引。今天&#xff0c;这个焦点无疑是大语言模型技术。它们的流畅对话、惊人的创造力&#xff0c;让我们得以一窥未来的轮廓。然而&#xff0c;作为在企业一线构建、部署和维护复杂系统的实践者&#xff0c;我们深知…...

编程新知 2026/4/4 4:36:10

聊聊jvm的内存结构, 以及各种结构的作用

在技术领域&#xff0c;我们常常被那些闪耀的、可见的成果所吸引。今天&#xff0c;这个焦点无疑是大语言模型技术。它们的流畅对话、惊人的创造力&#xff0c;让我们得以一窥未来的轮廓。然而&#xff0c;作为在企业一线构建、部署和维护复杂系统的实践者&#xff0c;我们深知…...

编程新知 2026/4/4 3:09:29

【数据结构与算法】第23篇：树、森林与二叉树的转换

一、树的存储结构1.1 双亲表示法每个节点存储数据和父节点下标&#xff0c;适合找父节点的场景。c#define MAX_SIZE 100 typedef struct {int data;int parent; // 父节点下标 } PNode;typedef struct {PNode nodes[MAX_SIZE];int root; // 根节点下标int size; } PTree;缺…...

编程新知 2026/4/4 2:53:23

OpenClaw调试技巧：Qwen3.5-9B-AWQ-4bit任务链路日志分析

OpenClaw调试技巧&#xff1a;Qwen3.5-9B-AWQ-4bit任务链路日志分析 1. 为什么需要关注OpenClaw日志 上周我在用OpenClaw对接Qwen3.5-9B-AWQ-4bit模型处理图片分析任务时&#xff0c;遇到了一个诡异现象&#xff1a;同样的图片上传指令&#xff0c;有时能成功返回分析结果&am…...

编程新知 2026/4/4 2:33:19