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

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></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>

http://www.lryc.cn/news/255731.html

相关文章:

  • mixamo根动画导入UE5问题:滑铲
  • 容器资源视图隔离 —— 筑梦之路
  • 浅析嵌入式GUI框架-LVGL
  • Unity 关于SetParent方法的使用情况
  • Linux系统上RabbitMQ安装教程
  • ES通过抽样agg聚合性能提升3-5倍
  • c++详解栈
  • Zabbix结合Grafana打造高逼格监控系统
  • Linux设备树
  • 计算机方向的一些重要缩写和简介
  • ardupilot开发 --- git 篇
  • Linux基础命令练习2
  • Vue阶段笔记(有js包)
  • 执行npm run dev报Error: error:0308010C:digital envelope routines::unsupported问题
  • 解决微信小程序中 ‘nbsp;‘ 空格不生效的问题
  • vue el-select封装及使用
  • 了解linux计划任务
  • 等待和通知
  • vscode 如何将正则匹配到的字符前批量加字符
  • 上个月暴涨34.6%后,SoundHound AI股票现在还能买入吗?
  • Termux+Hexo结合内网穿透轻松实现安卓手机搭建博客网站发布公网访问
  • 程序员的养生指南(生命诚可贵,一人永流传!珍惜生命,从你我做起)
  • FP独立站怎么搭建?看这一篇就够了!强烈建议收藏!
  • 【华为OD题库-068】找出经过特定点的路径长度-java
  • 高性能队列框架-Disruptor使用、Netty结合Disruptor大幅提高数据处理性能
  • Linux学习笔记3 xshell(lnmp)
  • 分享几个可以免费使用GPT工具
  • 一篇文章带你快速入门 Nuxt.js 服务端渲染
  • 导入JDBC元数据到Apache Atlas
  • 大数据项目——基于Django/协同过滤算法的房源可视化分析推荐系统的设计与实现