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

掌握 HTML5 多媒体标签：如何在所有浏览器中顺利嵌入视频与音频

news 来源：原创 2025/7/4 18:50:06

系列文章目录

01-从零开始学 HTML：构建网页的基本框架与技巧
02-HTML常见文本标签解析：从基础到进阶的全面指南
03-HTML从入门到精通：链接与图像标签全解析
04-HTML 列表标签全解析：无序与有序列表的深度应用
05-HTML表格标签全面解析：从基础到高级优化技巧
06-HTML表单深度解析：GET 和 POST 提交方法
07-HTML 表单控件类型大全：文本框、密码框、文件上传全掌握
08-前端表单验证终极指南：HTML5 内置验证 + JavaScript 自定义校验
09-告别页面刷新！如何使用AJAX和FormData优化Web表单提交
10-告别 HTML 错误嵌套！快速掌握标签嵌套技巧
11-HTML表格布局全面解析：实用技巧与替代方案全攻略
12-从零开始掌握 Flexbox 和响应式布局：现代前端开发必学技巧
13-深入剖析 HTML5 新特性：语义化标签和表单控件完全指南
14-HTML5 技术深度解读：本地存储与地理定位的最佳实践
15-HTML5 Canvas 与 SVG：让网页图形与动画活跃起来
16-掌握 HTML5 多媒体标签：如何在所有浏览器中顺利嵌入视频与音频

文章目录

系列文章目录
前言
一、HTML 媒体与多媒体元素概述
- 1.1 HTML 媒体元素的基础知识
- - 1.1.1 `<video>` 标签
  - 1.1.2 `<audio>` 标签
- 1.2 嵌入多媒体元素的应用场景
二、使用 `<video>` 和 `<audio>` 标签
- 2.1 使用 `<video>` 标签嵌入视频
- - 2.1.1 如何设置视频的播放控制
  - 2.1.2 自动播放与循环播放
  - 2.1.3 播放特定视频片段
- 2.2 使用 `<audio>` 标签嵌入音频
- - 2.2.1 设置音频控制条
  - 2.2.2 自动播放与循环播放
三、支持的格式与浏览器兼容性
- 3.1 常见的视频和音频格式
- - 3.1.1 视频格式
  - 3.1.2 音频格式
- 3.2 浏览器兼容性
- - 3.2.1 常见浏览器的支持情况
  - 3.2.2 如何确保跨浏览器兼容性
  - 3.2.3 使用 JavaScript 进行格式检测
四、总结

前言

在当今的网页设计与开发中，多媒体元素的嵌入已成为提升用户体验和互动性的关键。无论是视频播放、音频流媒体，还是其他形式的多媒体内容，它们都能有效地增强页面的可视化效果与吸引力。然而，要在不同浏览器和设备上确保这些多媒体内容的顺利播放，并不是一件简单的事情。HTML5 的 <video> 和 <audio> 标签为开发者提供了简单而强大的工具来嵌入视频和音频，但随之而来的一个挑战是如何确保媒体文件在各种环境中的兼容性。

本文将深入探讨如何使用 HTML 的 <video> 和 <audio> 标签将多媒体内容嵌入到网页中，并且详细分析常见的视频与音频格式，浏览器兼容性等问题。

一、HTML 媒体与多媒体元素概述

1.1 HTML 媒体元素的基础知识

HTML 中的多媒体元素为网页开发提供了强大的支持，尤其是在现代网页中，嵌入视频和音频已成为用户体验的重要部分。HTML5 引入了两个核心的标签：<video> 和 <audio>，它们允许开发者直接在网页中嵌入多媒体内容，而无需依赖外部插件（如 Flash）。这些标签不仅简化了代码，而且增加了可访问性与兼容性。

1.1.1 `<video>` 标签

<video> 标签用于将视频文件嵌入到网页中。该标签可以通过多种属性来控制视频的播放行为。例如，开发者可以设置视频的宽高、启用控制条、设置视频自动播放、循环播放等。

<video width="600" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">您的浏览器不支持视频标签。
</video>

width 和 height：设置视频显示的尺寸。
controls：启用视频控制条，允许用户控制播放、暂停、音量等。
<source>：指定视频文件的不同格式以确保在不同浏览器中都能正确播放。

1.1.2 `<audio>` 标签

与 <video> 标签类似，<audio> 标签用于嵌入音频文件。它同样可以设置控制条、自动播放、循环播放等功能。音频文件也通过 <source> 标签来指定其格式。

<audio controls><source src="audio.mp3" type="audio/mp3"><source src="audio.ogg" type="audio/ogg">您的浏览器不支持音频标签。
</audio>

controls：为音频提供控制界面，如播放、暂停、音量调节等。
<source>：指定不同的音频格式，以确保在多种浏览器中均可播放。

1.2 嵌入多媒体元素的应用场景

嵌入视频和音频的用途非常广泛。视频可以用于展示教学内容、产品演示或广告，音频可以用于播客、音乐播放或语音提示。通过 HTML5 的 <video> 和 <audio> 标签，开发者可以直接在网页中嵌入这些多媒体内容，提高网页的互动性和丰富度。

这些标签不仅简化了代码，同时避免了使用如 Flash 等第三方插件的需求，使得多媒体内容的嵌入变得更加标准化，并且能够在各种设备和浏览器中保持一致的表现。

二、使用 `<video>` 和 `<audio>` 标签

2.1 使用 `<video>` 标签嵌入视频

2.1.1 如何设置视频的播放控制

<video> 标签本身并不自动提供播放控制条。为了让用户能够控制视频播放，必须加上 controls 属性。这个属性会自动为视频提供播放、暂停、音量调节等基本功能。

<video width="600" controls><source src="example.mp4" type="video/mp4"><source src="example.ogv" type="video/ogg">您的浏览器不支持视频播放。
</video>

controls：这个属性确保用户可以控制视频播放。
如果浏览器不支持 <video> 标签，<source> 标签会为用户提供备用格式，或者显示替代文本。

2.1.2 自动播放与循环播放

除了基础的控制功能外，<video> 标签还支持 autoplay 和 loop 属性，帮助实现视频的自动播放和循环播放功能。

<video width="600" autoplay loop><source src="example.mp4" type="video/mp4"><source src="example.ogv" type="video/ogg">您的浏览器不支持视频播放。
</video>

autoplay：加载页面时自动播放视频。
loop：视频播放完毕后自动重新播放。

2.1.3 播放特定视频片段

通过 start 和 end 参数，开发者可以让视频从特定时间开始播放，并在特定时间停止播放。

<video width="600" controls><source src="example.mp4#t=30,60" type="video/mp4">您的浏览器不支持视频播放。
</video>

#t=30,60：表示视频将在 30 秒处开始播放，并在 60 秒处停止。

2.2 使用 `<audio>` 标签嵌入音频

2.2.1 设置音频控制条

与 <video> 标签一样，<audio> 标签同样可以使用 controls 属性来提供音频的播放控制功能。

<audio controls><source src="example.mp3" type="audio/mp3"><source src="example.ogg" type="audio/ogg">您的浏览器不支持音频播放。
</audio>

controls：为音频提供控制条，包括播放、暂停、音量等功能。

2.2.2 自动播放与循环播放

<audio> 标签也可以通过 autoplay 和 loop 属性来实现音频的自动播放和循环播放功能。

<audio controls autoplay loop><source src="example.mp3" type="audio/mp3"><source src="example.ogg" type="audio/ogg">您的浏览器不支持音频播放。
</audio>

autoplay：页面加载后自动播放音频。
loop：音频播放完毕后将自动重新播放。

三、支持的格式与浏览器兼容性

3.1 常见的视频和音频格式

不同的浏览器对视频和音频格式的支持情况不完全相同。为了确保在不同的浏览器和设备中都能顺利播放，开发者需要提供多种格式的媒体文件。以下是常见的视频和音频格式。

3.1.1 视频格式

MP4：MP4 是最广泛支持的视频格式，几乎所有主流浏览器（如 Chrome、Firefox、Safari 和 Edge）都能播放 MP4 格式的视频。MP4 格式通常使用 H.264 视频编码和 AAC 音频编码，这使得它在质量与压缩之间取得了较好的平衡，是网络视频播放的首选格式。
WebM：WebM 是 Google 推出的开放视频格式，主要用于 Chrome、Opera 和 Firefox 等现代浏览器。WebM 格式采用 VP8 或 VP9 视频编码和 Vorbis 或 Opus 音频编码。尽管 WebM 格式在某些浏览器中表现良好，但它的支持度不如 MP4 格式广泛。
OGG：OGG 是一种开源格式，支持在 Firefox、Opera 和一些其他浏览器中播放。但由于大多数浏览器（特别是 Safari 和 Internet Explorer）不支持该格式，因此它的使用相对较少。OGG 格式通常使用 Theora 视频编码和 Vorbis 音频编码。

3.1.2 音频格式

MP3：MP3 格式在所有主流浏览器中都有良好的支持。它是最流行的音频格式，几乎所有设备和平台都支持 MP3 播放。由于 MP3 格式压缩效率高，文件大小相对较小，广泛应用于音乐、播客等音频播放。
OGG：OGG 是开源音频格式，特别在 Firefox 和 Opera 中支持较好，但在其他浏览器中支持较差。OGG 格式通常使用 Vorbis 音频编码，虽然在某些浏览器和设备上表现优秀，但其兼容性较差，因此不如 MP3 格式广泛。
WAV：WAV 格式是 Windows 系统中常见的无损音频格式，支持非常高的音质，但文件体积通常较大。虽然所有主要浏览器都支持 WAV 格式，但它并不适用于需要较小文件体积的应用场景。

3.2 浏览器兼容性

不同浏览器对视频和音频格式的支持程度各异，开发者需要根据用户的浏览器类型和版本，提供合适的媒体格式，以确保兼容性。

3.2.1 常见浏览器的支持情况

浏览器	MP4	WebM	OGG	MP3	OGG (音频)
Chrome	支持	支持	支持	支持	支持
Firefox	支持	支持	支持	支持	支持
Safari	支持	不支持	不支持	支持	不支持
Edge	支持	支持	支持	支持	支持
Internet Explorer	不支持	不支持	不支持	支持	不支持

3.2.2 如何确保跨浏览器兼容性

为了确保视频和音频文件在不同浏览器中都能正常播放，开发者通常需要使用多个 <source> 标签指定不同的媒体格式。例如，对于 <video> 和 <audio> 标签，可以同时提供 MP4、WebM 和 OGG 格式的文件，让浏览器根据自己的支持情况选择播放。

<video width="600" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg"><source src="movie.webm" type="video/webm">您的浏览器不支持视频播放。
</video>

通过这种方式，浏览器将根据它们的支持情况自动选择格式，确保视频能够顺利播放。如果浏览器不支持任何提供的格式，则会显示 <video> 标签中定义的备用文本。

同样，音频标签也可以通过多个 <source> 标签来确保兼容性。

<audio controls><source src="audio.mp3" type="audio/mp3"><source src="audio.ogg" type="audio/ogg">您的浏览器不支持音频播放。
</audio>

3.2.3 使用 JavaScript 进行格式检测

对于需要进一步优化兼容性的开发者，可以通过 JavaScript 检测浏览器支持的媒体格式，并根据检测结果加载适当的资源。例如，可以使用 canPlayType() 方法来检测浏览器是否支持某种特定的格式：

var video = document.createElement('video');
if (video.canPlayType('video/mp4')) {console.log('浏览器支持 MP4 格式');
} else {console.log('浏览器不支持 MP4 格式');
}

通过这种方法，开发者可以在页面加载时动态选择最合适的媒体文件，确保最佳的用户体验。

四、总结

本文全面介绍了 HTML5 中的 <video> 和 <audio> 标签的使用方法，并详细探讨了其支持的格式与浏览器兼容性。通过阅读本文，读者可以清晰地了解以下内容：

HTML 媒体标签的基础知识：介绍了 <video> 和 <audio> 标签的使用方法，重点分析了如何设置视频和音频的控制条、自动播放、循环播放等属性。
多媒体元素的应用场景：指出了视频和音频在网页中的广泛应用，如何利用这些标签提升网页的互动性和丰富度。
常见的视频和音频格式：分析了不同浏览器对视频和音频格式的支持情况，帮助开发者选择最佳的媒体格式以确保兼容性。
跨浏览器兼容性：提供了多种方式确保视频和音频在不同浏览器中顺利播放，包括通过 <source> 标签提供多种格式文件，以及使用 JavaScript 进行格式检测。

掌握 HTML5 多媒体标签：如何在所有浏览器中顺利嵌入视频与音频

系列文章目录 01-从零开始学 HTML：构建网页的基本框架与技巧 02-HTML常见文本标签解析：从基础到进阶的全面指南 03-HTML从入门到精通：链接与图像标签全解析 04-HTML 列表标签全解析：无序与有序列表的深度应用 05-HTML表格标签全面…...

编程日记 2025/7/4 18:50:06

ChatGPT与GPT的区别与联系

ChatGPT 和 GPT 都是基于 Transformer 架构的语言模型，但它们有不同的侧重点和应用。下面我们来探讨一下它们的区别与联系。 1. GPT（Generative Pre-trained Transformer） GPT 是一类由 OpenAI 开发的语言模型，基于 Transformer…...

编程日记 2025/7/3 20:57:40

浅谈线段树

文章同步发布于洛谷，建议前往洛谷查看。前言蒟蒻终于学会线段树（指【模板】线段树 1 1 1）啦！ 线段树思想我们先来考虑 P3372（基础线段树模板题）给的操作： 区间修改（增加&am…...

编程日记 2025/7/4 17:33:37

深度解读 Docker Swarm

一、引言随着业务规模的不断扩大和应用复杂度的增加，容器集群管理的需求应运而生。如何有效地管理和调度大量的容器，确保应用的高可用性、弹性伸缩和资源的合理分配，成为了亟待解决的问题。Docker Swarm 作为 Docker 官方推出的容器集群管理工具，正是在这样的背景下崭露头…...

编程日记 2025/7/4 18:01:01

在线知识库的构建策略提升组织信息管理效率与决策能力

内容概要在线知识库作为现代企业信息管理的重要组成部分，具有显著的定义与重要性。它不仅为组织提供了一个集中存储与管理知识的平台，还能够有效提升信息检索的效率，促进知识的创新和利用。通过这样的知识库，企业可以更好地应对…...

编程日记 2025/7/2 4:12:50

网件r7000刷回原厂固件合集测评

《网件R7000路由器刷回原厂固件详解》网件R7000是一款备受赞誉的高性能无线路由器，其强大的性能和可定制性吸引了许多高级用户。然而，有时候用户可能会尝试第三方固件以提升功能或优化网络性能，但这也可能导致一些问题，如系统不…...

编程日记 2025/7/4 18:06:57

为什么命令“echo -e “\033[9；0]“ ＞ /dev/tty0“能控制开发板上的LCD不熄屏？

为什么命令"echo -e “\033[9;0]” > /dev/tty0"能控制开发板上的LCD不熄屏？ 在回答这个问题前请先阅读我之前写的与tty和终端有关的博文 https://blog.csdn.net/wenhao_ir/article/details/145431655 然后再来看这条命令的解释就要容易些了。这条…...

编程日记 2025/7/1 17:31:57

vscode软件操作界面UI布局@各个功能区域划分及其名称称呼

文章目录 abstract检查用户界面的主要区域官方文档关于UI的介绍 abstract 检查 Visual Studio Code 用户界面 - Training | Microsoft Learn 本质上，Visual Studio Code 是一个代码编辑器，其用户界面和布局与许多其他代码编辑器相似。界面左侧是用于访…...

编程日记 2025/7/4 17:13:48

【Java基础-42.3】Java 基本数据类型与字符串之间的转换：深入理解数据类型的转换方法

在 Java 开发中，基本数据类型与字符串之间的转换是非常常见的操作。无论是从用户输入中读取数据，还是将数据输出到日志或界面，都需要进行数据类型与字符串之间的转换。本文将深入探讨 Java 中基本数据类型与字符串之间的转换方法，…...

编程日记 2025/6/30 12:10:01

【ActiveMq RocketMq RabbitMq Kafka对比】

以下是 ActiveMQ、RocketMQ、RabbitMQ 和 Kafka 的对比表格，从复杂性、功能、性能和适用场景等方面进行整理： 特性ActiveMQRocketMQRabbitMQKafka开发语言JavaJavaErlangScala/Java协议支持AMQP、STOMP、MQTT、OpenWire 等自定义协议AMQP、STOMP、MQTT …...

编程日记 2025/7/4 18:41:37

csapp笔记3.6节——控制（1）

本节解决了x86-64如何实现条件语句、循环语句和分支语句的问题条件码除了整数寄存器外，cpu还维护着一组单个位的条件码寄存器，用来描述最近的算数和逻辑运算的某些属性。可检测这些寄存器来执行条件分支指令。 CF（Carry Flag&#xff09…...

编程日记 2025/7/4 18:22:50

网站快速收录：如何优化网站音频内容？

本文转自：百万收录网原文链接：https://www.baiwanshoulu.com/60.html 为了优化网站音频内容以实现快速收录，以下是一些关键的策略和步骤： 一、高质量音频内容创作原创性： 确保音频内容是原创的，避免使…...

编程日记 2025/7/4 10:21:14

音视频入门基础：RTP专题（8）——使用Wireshark分析RTP

一、引言通过Wireshark可以抓取RTP数据包，该软件可以从Wireshark Go Deep 下载。二、通过Wireshark抓取RTP数据包首先通过FFmpeg将一个媒体文件转推RTP，生成RTP流： ffmpeg -re -stream_loop -1 -i input.mp4 -vcodec copy -an -f rtp …...

编程日记 2025/7/4 18:06:57

4-图像梯度计算

文章目录 4.图像梯度计算（1）Sobel算子（2）梯度计算方法（3）Scharr与Laplacian算子4.图像梯度计算（1）Sobel算子图像梯度-Sobel算子 Sobel算子是一种经典的图像边缘检测算子，广泛应用于图像处理和计算机视觉领域。以下是关于Sobel算子的详细介绍：基本原理 Sobel算子…...

编程日记 2025/7/2 5:29:04

深入解析 Redis AOF 机制：持久化原理、重写优化与 COW 影响

深入解析 Redis AOF 机制：持久化原理、重写优化与 COW 影响 1. 引言2. AOF 机制详解2.1 AOF 解决了什么问题？2.2 AOF 写入机制2.2.1 AOF 的基本原理2.2.2 AOF 运行流程2.2.3 AOF 文件刷盘策略 3. AOF 重写机制3.1 AOF 文件为什么会变大？3.2 解…...

编程日记 2025/7/2 4:18:38

机器学习day8

自定义数据集 ，使用朴素贝叶斯对其进行分类代码 import numpy as np import matplotlib.pyplot as pltclass1_points np.array([[2.1, 2.2], [2.4, 2.5], [2.2, 2.0], [2.0, 2.1], [2.3, 2.3], [2.6, 2.4], [2.5, 2.1]]) class2_points np.array([[4.0, 3.5], …...

编程日记 2025/7/1 19:04:56

【前端】ES6模块化

文章目录 1. 模块化概述1.1 什么是模块化?1.2 为什么需要模块化? 2. 有哪些模块化规范3. CommonJs3.1 导出数据3.2 导入数据3.3 扩展理解3.4 在浏览器端运行 4.ES6模块化参考视频地址 1. 模块化概述 1.1 什么是模块化? 将程序文件依据一定规则拆分成多个文件,这种编码方式…...

编程日记 2025/7/2 1:25:49

【leetcode练习·二叉树拓展】快速排序详解及应用

本文参考labuladong算法笔记[拓展：快速排序详解及应用 | labuladong 的算法笔记] 1、算法思路首先我们看一下快速排序的代码框架： def sort(nums: List[int], lo: int, hi: int):if lo > hi:return# 对 nums[lo..hi] 进行切分# 使得 nums[lo..p-1]…...

编程日记 2025/7/4 18:14:52

Gurobi基础语法之 addConstr, addConstrs, addQConstr, addMQConstr

在新版本的 Gurobi 中，向 addConstr 这个方法中传入一个 TempConstr 对象，在模型中就会根据这个对象生成一个约束。更重要的是：TempConstr 对象可以传给所有addConstr系列方法，所以下面先介绍 TempConstr 对象 TempConstr TempC…...

编程日记 2025/7/4 18:43:54

游戏引擎 Unity - Unity 设置为简体中文、Unity 创建项目

Unity Unity 首次发布于 2005 年，属于 Unity Technologies Unity 使用的开发技术有：C# Unity 的适用平台：PC、主机、移动设备、VR / AR、Web 等 Unity 的适用领域：开发中等画质中小型项目 Unity 适合初学者或需要快速上手的开…...

编程日记 2025/7/4 18:43:53

Kamailio、MySQL、Redis、Gin后端、Vue.js前端等基于容器化部署

基于容器化的部署方案，通常会将每个核心服务（如Kamailio、MySQL、Redis、Gin后端、Vue.js前端等）独立运行在不同的容器中，通过Docker或Kubernetes统一管理。以下是具体实现方式和关键原因： 1. 容器化部署的核心思路每…...

编程日记 2025/7/4 17:38:57

从1号点到n号点最多经过k条边的最短距离

目录解析方法思路代码解释代码逐行注释1. 头文件和常量定义：2.边的结构体：3.全局变量：4.Bellman-Ford算法实现：5.主函数： 注意事项代码含义为什么需要 backup[a]？举例说明关键点总结解析要实现从1号点…...

编程日记 2025/7/4 16:50:47

模拟实战-用CompletableFuture优化远程RPC调用

实战场景这是广州某500-900人互联网厂的面试原题手写并发优化解决思路我们要调用对方的RPC接口，我们的RPC接口每调用一次对方都会阻塞50ms 但是我们的业务要批量调用RPC，例如我们要批量调用1k次，我们不可能在for循环里面写1k次远程调用…...

编程日记 2025/7/4 12:03:34

【pinia状态管理配置】

pinia状态管理配置安装main.ts引入自定义user仓库使用自定义仓库安装 pnpm add piniamain.ts引入 // createPinia() 函数调用创建了一个新的 Pinia 实例。 // 这个实例是状态管理的核心，它将管理应用中所有的 store。 import { createPinia } from pinia app.us…...

编程日记 2025/7/4 17:21:20

SpringBoot 引⼊MybatisGenerator

SpringBoot 引⼊MybatisGenerator 1. 引入插件2. 添加generator.xml并修改3. 生成文件 1. 引入插件 <plugin><groupId>org.mybatis.generator</groupId><artifactId>mybatis-generator-maven-plugin</artifactId><version>1.3.5</vers…...

编程日记 2025/7/4 17:17:23

在线销售数据集分析：基于Python的RFM数据分析方法实操训练

一、前言个人练习，文章用于记录自己的学习练习过程，分享出来和大家一起学习。数据集：在线销售数据集分析方法：RFM分析方法二、过程 1.1 库的导入与一些必要的初始设置 import pandas as pd import datetime import matplo…...

编程日记 2025/7/4 17:19:12

LeetCode - #197 Swift 实现找出温度更高的日期

网罗开发 （小红书、快手、视频号同名） 大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、Harmony OS、Java、Python等…...

编程日记 2025/7/1 16:05:35

分析哲学：从语言解剖到思想澄清的哲学探险

分析哲学：从语言解剖到思想澄清的哲学探险第一节：分析哲学的基本概念与公式解释【通俗讲解，打比方来讲解！】分析哲学，就像一位 “语言侦探”，专注于 “解剖语言”，揭示我们日常使用的语…...

编程日记 2025/7/2 7:53:49

C++【iostream】数据库的部分函数功能介绍

在 C 编程世界中，iostream 库扮演着举足轻重的角色，它是 C 标准库的核心组成部分，为程序提供了强大的输入输出功能。无论是简单的控制台交互，还是复杂的文件操作，iostream 库都能提供便捷高效的解决方案。本文将深入剖…...

编程日记 2025/6/30 7:55:08

金山打字游戏2010绿色版，Win7-11可用DxWnd完美运行

金山打字游戏2010绿色版，Win7-11可用DxWnd完美运行链接：https://pan.xunlei.com/s/VOIAYCzmkbDfdASGJa_uLjquA1?pwd67vw# 进入游戏后，如果输入不了英文字母（很可能是中文输入状态），就按一下“Shift”键…...

编程日记 2025/6/29 19:23:44

洛谷[USACO08DEC] Patting Heads S

题目传送门题目难度：普及/提高一题面翻译今天是贝茜的生日，为了庆祝自己的生日，贝茜邀你来玩一个游戏。贝茜让 N N N ( 1 ≤ N ≤ 1 0 5 1\leq N\leq 10^5 1≤N≤105) 头奶牛坐成一个圈。除了 1 1 1 号与 N N N 号奶牛外&#xff0…...

编程日记 2025/7/3 15:30:51

讲清逻辑回归算法，剖析其作为广义线性模型的原因

1、逻辑回归算法介绍逻辑回归(Logistic Regression)是一种广义线性回归分析模型。虽然名字里带有“回归”两字，但其实是分类模型，常用于二分类。既然逻辑回归模型是分类模型，为什么名字里会含有“回归”二字呢？这是因为其算法原…...

编程日记 2025/7/1 20:03:47

基于STM32的智能安防监控系统

1. 引言随着物联网技术的普及，智能安防系统在家庭与工业场景中的应用日益广泛。本文设计了一款基于STM32的智能安防监控系统，集成人体感应、环境异常检测、图像识别与云端联动功能，支持实时报警、远程监控与数据回溯。该系统采用边缘计算与…...

编程日记 2025/7/3 18:00:45

八. Spring Boot2 整合连接 Redis(超详细剖析)

八. Spring Boot2 整合连接 Redis(超详细剖析) 文章目录八. Spring Boot2 整合连接 Redis(超详细剖析)2. 注意事项和细节3. 最后： 在 springboot 中 , 整合 redis 可以通过 RedisTemplate 完成对 redis 的操作, 包括设置数据/获取数据比如添加和读取数据具体整…...

编程日记 2025/7/1 22:03:15

220.存在重复元素③

目录一、题目二、思路三、解法四、收获一、题目给你一个整数数组 nums 和两个整数 indexDiff 和 valueDiff 。找出满足下述条件的下标对 (i, j)： i ! j, abs(i - j) < indexDiff abs(nums[i] - nums[j]) < valueDiff 如果存在，返回 true &a…...

编程日记 2025/7/1 23:57:45

【Linux】从硬件到软件了解进程

个人主页~ 从硬件到软件了解进程一、冯诺依曼体系结构二、操作系统三、操作系统进程管理1、概念2、PCB和task_struct3、查看进程4、通过系统调用fork创建进程（1）简述（2）系统调用生成子进程的过程〇提出问题①fork函数②父子进程关…...

编程日记 2025/6/27 23:57:29

volatile变量需要减少读取次数吗

问题说明本人在前期读Netty源码时看到这样一段源码和注释： private boolean invokeHandler() {// Store in local variable to reduce volatile reads.int handlerState this.handlerState;return handlerState ADD_COMPLETE || (!ordered && handlerS…...

编程日记 2025/7/2 22:22:24

红黑树的封装

一、封装思路在 STL 中 map set 的底层就是封装了一棵红黑树。其中连接红黑树和容器的是迭代器，map set 暴露出的接口都不是自己写的，而是红黑树写的，外部接口封装红黑树接口。所以写出红黑树为 map set 写的接口，再在上层的…...

编程日记 2025/7/3 17:50:42

Java 泛型＜? extends Object＞

在 Java 泛型中，<? extends Object> 和 <?> 都表示未知类型，但它们在某些情况下有细微的差异。泛型的引入是为了消除运行时错误并增强类型安全性，使代码更具可读性和可维护性。在 JDK 5 中引入了泛型，以消除编译时…...

编程日记 2025/7/3 20:32:17

TensorFlow简单的线性回归任务

如何使用 TensorFlow 和 Keras 创建、训练并进行预测 1. 数据准备与预处理 2. 构建模型 3. 编译模型 4. 训练模型 5. 评估模型 6. 模型应用与预测 7. 保存与加载模型 8.完整代码 1. 数据准备与预处理我们将使用一个简单的线性回归问题，其中输入特征 x 和标…...

编程日记 2025/6/29 16:18:07

解码大数据的四个V：体积、速度、种类与真实性

解码大数据的四个V：体积、速度、种类与真实性在大数据领域，有一个大家耳熟能详的概念——“四个V”：Volume（体积）、Velocity（速度）、Variety（种类）、Veracity&#xff…...

编程日记 2025/6/30 10:42:05

【单层神经网络】基于MXNet的线性回归实现（底层实现）

写在前面基于亚马逊的MXNet库本专栏是对李沐博士的《动手学深度学习》的笔记，仅用于分享个人学习思考以下是本专栏所需的环境（放进一个environment.yml，然后用conda虚拟环境统一配置即可）刚开始先从普通的寻优算法开始&#xff…...

编程日记 2025/7/3 4:11:04

深入解析 posix_spawn()：高效的进程创建方式（中英双语）

深入解析 posix_spawn()：高效的进程创建方式 1. 引言在 Unix/Linux 系统中，传统的进程创建方式主要依赖 fork() 和 exec() 组合。但 fork() 在某些情况下可能存在性能瓶颈，特别是当父进程占用大量内存时，fork() 仍然需要复制整…...

编程日记 2025/6/29 4:22:02

2024-我的学习成长之路

因为热爱，无畏山海...

编程日记 2025/7/2 17:05:35

【Java异步编程】基于任务类型创建不同的线程池

文章目录一. 按照任务类型对线程池进行分类1. IO密集型任务的线程数2. CPU密集型任务的线程数3. 混合型任务的线程数二. 线程数越多越好吗三. Redis 单线程的高效性使用线程池的好处主要有以下三点： 降低资源消耗：线程是稀缺资源，如果无限…...

编程日记 2025/7/2 1:32:30

前缀和多种基础

前缀和加法 #include<iostream> #include<algorithm> using namespace std; typedef long long ll; int n; const int N 1e310; int arr[N]; int pre[N]; int org[N]; int main(void) {cin >> n;for(int i 1 ; i < n ; i){cin >> arr[i];pre[i] …...

编程日记 2025/7/2 22:32:38

关于贪心学习的文笔记录

贪心，顾名思义就是越贪越好，越多越有易，他给我的感觉是，通常是求最大或最小问题，相比于动态规划贪心让人更加琢磨不透，不易看出方法，为此在这记录我所见过的题型和思维方法，以便回头…...

编程日记 2025/7/3 13:33:29

蓝桥杯思维训练营(三）

文章目录题目详解680.验证回文串 II30.魔塔游戏徒步旅行中的补给问题观光景点组合得分问题题目详解 680.验证回文串 II 680.验证回文串 II 思路分析：这个题目的关键就是，按照正常来判断对应位置是否相等，如果不相等，那么就判…...

编程日记 2025/7/1 19:03:33

农历2025开始笔记

2/3 Hey everyone! The Chinese New Year holiday is over. I spent over ten days back home, and honestly, I feel even more exhausted than when I’m working. Yesterday, I drove for 13 hours straight and finally made it back. In a couple of days, I’ll officia…...

编程日记 2025/7/1 13:57:55

VR触感数据手套：触感反馈赋予虚拟交互沉浸式体验

随着动作捕捉技术的蓬勃发展，动捕数据手套成为了手部动作捕捉与虚拟交互的便捷工具，为人们打开了通往虚拟世界的新大门。在众多产品中，mHand Pro作为一款多功能兼具的VR动作捕捉数据手套，凭借其卓越的性能，在手部动作捕…...

编程日记 2025/7/4 13:00:14