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

mp3的播放

news 2026/2/10 10:42:20

1.这段vue代码会播放声音，但是会有audio标签

<template><div><audio id="myAudio" controls><source src="./test.mp3" type="audio/mp3" />Your browser does not support the audio tag.</audio></div>
</template>
<script>
export default {mounted() {// 播放var audio = document.getElementById("myAudio");audio.play();}
}
</script>

2.只有不会显示video标签的播放

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Play MP3 on Button Click</title>
</head>
<body><button id="playButton">Play MP3</button>
<script>// 创建 Audio 对象const audio = new Audio('./test.mp3');// 获取按钮元素const playButton = document.getElementById('playButton');// 点击按钮时播放音频playButton.addEventListener('click', function() {audio.play();});
</script></body>
</html>

mp3的播放

1.这段vue代码会播放声音，但是会有audio标签 <template><div><audio id"myAudio" controls><source src"./test.mp3" type"audio/mp3" />Your browser does not support the audio tag.</audio></…...

编程日记 2023/12/9 4:16:46

mixamo根动画导入UE5问题：滑铲

最近想做一个跑酷游戏，从mixamo下载滑铲动作后，出了很多动画的问题。花了两周时间，终于是把所有的问题基本上都解决了。常见问题： 1.【动画序列】人物不移动。 2.【动画序列】人物移动朝向错误。 3.【蒙太奇】人物移动后会被拉回…...

编程日记 2023/12/9 4:14:44

容器资源视图隔离 —— 筑梦之路

先做个记录，抽空再整理 K8s 部署 Lxcfs 准入控制器，实现容器中资源单独可见 - 「Johny」PlayGround Kubernetes 中利用 LXCFS 控制容器资源可见性 - 码农教程容器资源可视化隔离的实现方法_51CTO博客_容器隔离技术 Lxcfs在容器集群中的使用-腾讯云开…...

编程日记 2023/12/9 4:12:43

浅析嵌入式GUI框架-LVGL

LVGL (Light and Versatile Graphics Library) 是最流行的免费开源嵌入式图形库，可为任何 MCU、MPU 和显示类型创建漂亮的 UI 嵌入式GUI框架对比 Features/框架LVGLFlutter-elinuxArkUI(鸿蒙OS)AWTKQTMIniGUIemWinuC/GUI柿饼UI跨平台是是鸿蒙OS平台是是是是是是设备…...

编程日记 2023/12/9 4:11:42

Unity 关于SetParent方法的使用情况

在设置子物体的父物体时，我们使用SetParent再常见不过了。但是通常我们只是使用其中一个语法： public void SetParent(Transform parent);使用改方法子对象会保持原来位置，跟使用以下方法效果一样： public Transform tran; ga…...

编程日记 2023/12/9 4:09:40

一、安装前环境准备 Linux：CentOS 7.9 RabbitMQ Erlang 1、系统内须有C等基本工具 yum install build-essential openssl openssl-devel unixODBC unixODBC-devel make gcc gcc-c kernel-devel m4 ncurses-devel tk tc xz socat2、下载安装包 1）首先&a…...

编程日记 2023/12/9 4:07:38

ES通过抽样agg聚合性能提升3-5倍

一直以来，es的agg聚合分析性能都比较差（对应sql的 group by）。特别是在超多数据中做聚合，在搜索的条件命中特别多结果的情况下，聚合分析会非常非常的慢。一个聚合条件：聚合分析请求的时间 search time a…...

编程日记 2023/12/9 4:06:36

c++详解栈

一.什么是栈堆栈又名栈（stack），它是一种运算受限的数据结构（线性表），只不过他和数组不同，数组我们可以想象成一个装巧克力的盒子，你想拿一块巧克力，不需要改变其他巧克…...

编程日记 2023/12/9 4:05:36

Zabbix结合Grafana打造高逼格监控系统

📢📢📢📣📣📣 哈喽！大家好，我是【IT邦德】，江湖人称jeames007，10余年DBA及大数据工作经验一位上进心十足的【大数据领域博主】！😜&am…...

编程日记 2023/12/9 4:03:34

Linux设备树

一、起源减少垃圾代码减轻驱动开发工作量驱动代码和设备信息分离参考Open Fireware设计用来记录硬件平台中各种硬件设备的属性信息二、基本组成两种源文件： xxxxx.dts dts是device tree source的缩写xxxxx.dtsi dtsi是device tree source include的缩…...

编程日记 2023/12/9 4:02:32

计算机方向的一些重要缩写和简介

参考： 深度学习四大类网络模型干货|机器学习超全综述！ 机器学习ML、卷积神经网络CNN、循环神经网络RNN、马尔可夫蒙特卡罗MCMC、生成对抗网络GAN、图神经网络GNN——人工智能经典算法 MLP（Multi Layer Perseption）用在神经网络中…...

编程日记 2023/12/9 3:59:30

ardupilot开发 --- git 篇

一些概念工作区：就是你在电脑里能看到的目录；暂存区：stage区或 index区。存放在 ：工作区 / .git / index 文件中；版本库：本地仓库，存放在 ：工作区 / .git 中关于 HEAD 是所有本地…...

编程日记 2023/12/9 3:57:28

Linux基础命令练习2

案例2：创建命令练习请在/root创建三个目录分别为student、file、stu18 请在/opt创建三个文本文件分别为1.txt、a.txt、stu.txt 案例3：复制、删除、移动在目录/opt下创建一个子目录 etime 在目录/opt/etime/创建文件readme.txt,利用vim写入内容 …...

编程日记 2023/12/9 3:53:23

Vue阶段笔记（有js包）

目录 1.要先上传Vue的js包，包的路径在这： 2.获取 3.定义Vue接管的区域和他所要实现的内容 #整体代码如下： Vue的指令(被绑定得必须有声明) #v-bind #v-model #v-on #V-ifV-else-ifV-elseV-show #v-show #v-for 1.要先上传Vue的js包&…...

编程日记 2023/12/9 3:52:23

执行npm run dev报Error: error:0308010C:digital envelope routines::unsupported问题

vue2element-ui项目，在执行npm run dev的时候突然报错： (node:19424) [DEP0111] DeprecationWarning: Access to process.binding(http_parser) is deprecated. (Use node --trace-deprecation ... to show where the warning was created) Er…...

编程日记 2023/12/9 3:51:22

解决微信小程序中 ‘nbsp；‘ 空格不生效的问题

在微信小程序开发中，我们经常会使用来表示一个空格。这是因为在 HTML 中，空格会被解析为一个普通字符，而不会产生实际的空白间距。而是一种特殊的字符实体，它被解析为一个不可见的空格，可以在页面上产生真正的空…...

编程日记 2023/12/9 3:50:21

vue el-select封装及使用

基于Element UI的el-select组件进行封装的。该组件实现了一个下拉选择框，具有许多可配置的属性和事件创建组件index.vue (src/common-ui/select/index.vue) <template><el-selectref"select"v-model"hValue":allow-create"allo…...

编程日记 2023/12/9 3:49:19

了解linux计划任务

本章主要介绍如何创建计划任务使用 at 创建计划任务使用 crontab 创建计划任务有时需要在某个指定的时间执行一个操作，此时就要使用计划任务了。计划任务有两种： 一个是at计划任务，另一个是 crontab计划任务。下面我们分别来看这两种计…...

编程日记 2023/12/9 3:43:14

等待和通知

引入由于线程是抢占式执行的,因此线程之间的执行的先后顺序难以预知但是实际开发中我们希望合理协调多个线程之间执行的先后顺序. 这里的干预线程先后顺序,并不是影响系统的调度策略(内核里调度线程,仍然是无序调度). 就是相当于在应用程序代码中,让后执行的线程主动放弃被…...

编程日记 2023/12/9 3:42:12

vscode 如何将正则匹配到的字符前批量加字符

最近想用vscode将正则匹配到的东西签名批量https，替换时可以用$1来替换正则匹配到的字符串，如下所示...

编程日记 2023/12/9 3:40:10

conda相比python好处

Conda 作为 Python 的环境和包管理工具，相比原生 Python 生态（如 pip 虚拟环境）有许多独特优势，尤其在多项目管理、依赖处理和跨平台兼容性等方面表现更优。以下是 Conda 的核心好处： 一、一站式环境管理&#xff1a…...

编程新知 2025/11/29 6:54:19

Redis相关知识总结（缓存雪崩，缓存穿透，缓存击穿，Redis实现分布式锁，如何保持数据库和缓存一致）

文章目录 1.什么是Redis？2.为什么要使用redis作为mysql的缓存？3.什么是缓存雪崩、缓存穿透、缓存击穿？3.1缓存雪崩3.1.1 大量缓存同时过期3.1.2 Redis宕机 3.2 缓存击穿3.3 缓存穿透3.4 总结 4. 数据库和缓存如何保持一致性5. Redis实现分布式…...

编程新知 2026/2/8 12:24:34

1.3 VSCode安装与环境配置

进入网址Visual Studio Code - Code Editing. Redefined下载.deb文件，然后打开终端，进入下载文件夹，键入命令 sudo dpkg -i code_1.100.3-1748872405_amd64.deb 在终端键入命令code即启动vscode 需要安装插件列表 1.Chinese简化 2.ros …...

编程新知 2026/1/29 3:35:37

Redis数据倾斜问题解决

Redis 数据倾斜问题解析与解决方案什么是 Redis 数据倾斜 Redis 数据倾斜指的是在 Redis 集群中，部分节点存储的数据量或访问量远高于其他节点，导致这些节点负载过高，影响整体性能。数据倾斜的主要表现部分节点内存使用率远高于其他节…...

编程新知 2026/1/27 19:28:11

selenium学习实战【Python爬虫】

selenium学习实战【Python爬虫】文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码五、报告文件爬取5.1 提…...

编程新知 2026/2/4 12:52:32