音频标签

简介: HTML5音频标签用于网页中嵌入音频,常用属性包括:src(指定音频路径,支持mp3、ogg、wav等格式)、controls(显示播放控件)、loop(循环播放)和autoplay(自动播放,部分浏览器限制使用)。需合理使用以提升用户体验。
<audio src="音频的 URL" controls></audio>

常用属性:

<!--br {mso-data-placement:same-cell;}--> td {white-space:nowrap;border:0.5pt solid #dee0e3;font-size:10pt;font-style:normal;font-weight:normal;vertical-align:middle;word-break:normal;word-wrap:normal;}

属性 作用 特殊说明
src(必须属性) 音频URL路径 支持格式:mp3、ogg、wav等
controls(必须属性) 显示播放控件 播放控件包括:开始按钮、进度条等
loop 循环播放
autoplay 自动播放 为了提升用户体验,有些浏览器会禁用此功能
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网页标题</title>
</head>
<body>
   <!-- 音频标签 -->
    <audio src="./audio/暗里着迷.mp3" controls loop autoplay ></audio>
</body>
</html>


目录
相关文章
|
JavaScript
Vue 使用 mockjs (返回数据、get、post 请求)
Vue 使用 mockjs (返回数据、get、post 请求)
650 0
|
Linux
海思MMZ内存分配
海思MMZ内存分配
436 0
|
2月前
|
人工智能 安全 Linux
保姆级图文教程:阿里云/本地部署OpenClaw 与必备 Skill 集合、免费大模型接入实战指南
2026 年的 OpenClaw 已经成为轻量化 AI 智能体的主流框架,但其原生能力仅能完成基础对话与文件操作,真正让它具备实用价值的核心是 Skill 扩展体系。ClawHub 上的技能数量已突破 25000 个,但盲目安装会导致冲突、上下文过载、安全风险上升等问题。本文整理一套真正高频、稳定、无冲突的必备 Skill 组合,同时提供 2026 年阿里云服务器、MacOS、Linux、Windows11 完整部署流程,以及阿里云百炼 Coding Plan 免费大模型 API 配置方法,所有步骤均为可直接执行的命令,零基础用户也能快速搭建稳定可用的智能体环境。
663 6
|
2月前
|
人工智能 弹性计算 Linux
OpenClaw 与 Codex 定位对比:架构差异、场景分工与OpenClaw阿里云/本地部署实战指南
OpenClaw(Clawdbot)与Codex并非同类替代产品,而是处于不同层级的AI协作组件。二者在能力覆盖上可以高度重叠,但在存在形态、运行架构、价值沉淀上有着本质区别:**Codex 擅长即时攻坚、临场推理、一次性解决复杂问题;OpenClaw 负责流程固化、长期记忆、自动化值守与个人工作系统沉淀**。理解这一定位差异,才能真正发挥两者的组合价值,实现“单次突破→持续复利”的AI工作闭环。
769 0
|
9月前
|
机器学习/深度学习 存储 JSON
PyCharm 创建了第一个项目
在 PyCharm 中创建项目时,合理的目录结构有助于代码、依赖和资源的高效管理。本文详细解析了 PyCharm 的默认目录结构,如 `.idea/`(配置文件)、`venv/`(虚拟环境)、`src/`(源代码)、`tests/`(测试代码)、`data/`(数据文件)等,并提供了文件创建建议和最佳实践。同时介绍了核心代码、脚本文件、测试文件的存放位置,以及 PyCharm 的常用操作技巧,帮助开发者构建清晰、可维护的项目结构。
583 2
|
4月前
|
人工智能 JavaScript 前端开发
【教案生成平台】实战教程四:开发所见即所得的在线试卷编辑器
本试卷编辑器基于Vue实现,支持拖拽排序、动态题型组件渲染(单选/简答等),实时A4预览,并通过html2canvas+jsPDF导出高清PDF。数据模型清晰,扩展性强,真正实现所见即所得的高效出卷体验。
378 19
|
10月前
|
Java Linux Docker
Docker
本文介绍了Docker的基础知识和使用方法,包括镜像打包、容器操作、Dockerfile编写及自定义构建镜像等内容。通过实际案例演示了如何将Java项目打包为JAR文件,并创建Docker镜像运行容器,最终验证服务运行状态。适合初学者快速掌握Docker核心技能。
590 2
Docker
|
10月前
|
存储 安全 NoSQL
询律法律咨询平台:功能实现与技术架构详解
询律法律咨询平台是一个连接用户与律师的综合性服务平台,涵盖在线咨询、支付系统、知识专辑管理、直播课堂等功能。平台通过整合律师资源与技术手段,打破传统法律咨询的时空限制,提供便捷、专业的法律服务。项目采用WebSocket实时通信、分布式锁、ElasticSearch搜索、第三方支付等技术,构建了一套稳定高效的法律服务体系,保障高并发场景下的系统稳定性和数据安全。
273 0
|
12月前
|
存储 人工智能 搜索推荐
《重新定义高效微调:QLoRA 4位量化的颠覆式创新解析》
QLoRA是一种高效的量化微调技术,通过4位NormalFloat量化、双重量化及分页优化器等创新手段,大幅降低大模型微调的内存与计算需求,同时保持甚至超越传统方法的性能。它能在单个48GB GPU上微调65B参数模型,并在多项基准测试中表现优异,如Guanaco模型在Vicuna测试中达到99.3%的ChatGPT水平。QLoRA为资源有限条件下的大模型应用与个性化定制开辟了新路径,推动AI技术在多领域的发展。
641 9
|
消息中间件 设计模式 SQL
谷粒商城笔记+踩坑(21)——提交订单。原子性验令牌+锁定库存
完成提交订单功能,并使用分布式事务方案,保证了订单提交的幂等性
谷粒商城笔记+踩坑(21)——提交订单。原子性验令牌+锁定库存