HTML中插入自动播放的背景音乐-亲测有效

这篇具有很好参考价值的文章主要介绍了HTML中插入自动播放的背景音乐-亲测有效。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

很简单,使用audio标签把它放在body或head里面就行

<audio src="yp/sybj.mp3" id="dd" autoplay="autoplay" controls="controls" loop="loop"></audio>

autoplay在页面加载完成就开始播放音频
controls显示播放栏
loop循环

如果你还需要用js灵活的控制它的播放有否,你可以用如下代码

<button onclick="dt()">停止播放</button>
<button onclick="st()">开始播放</button>
<button onclick="rs()">重置播放</button>
	
<script type="text/javascript">
	function dt(){
		var dd = document.getElementById("dd")
		dd.pause()
	}
	function st(){
		var dd = document.getElementById("dd")
		dd.play()
	}
	function rs(){
		var dd = document.getElementById("dd")
		dd.load()
	}
</script>

一定一定要给权限!!!要给权限!!!要给权限!!!,这个代码在运行以后会弹出权限请求窗口,但是一般情况下,会触发浏览器自带是否允许弹出通知提醒。

你的声音文件需要放在一个可访问的web资源路径下。不要直接指定成本地文件。

还有就是要确定你的声音打开了,搞半天发现自己声音没开,那就尴尬了文章来源地址https://www.toymoban.com/news/detail-517216.html

到了这里,关于HTML中插入自动播放的背景音乐-亲测有效的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • html中图片、音乐、视频标签及选择器、背景

    目录 图片 音乐 视频 子代选择器 交集选择器 背景 文章主要补充之前html文章一些漏洞:HTML常用标签+表格+表单_小俱的一步步的博客-CSDN博客 在VScode中新创建html文件,!+“Tab”键,自动生成html骨架 图片 img src=\\\"图片相对地址\\\"/img      属性: alt:替换文本 title:提示文本

    2024年02月07日
    浏览(53)
  • unity主场景设置、场景切换、全屏设置、背景音乐设置(场景一加载就开始播放)

    一般情况下我们的场景会有挺多的,这时候我们进入游戏就会有问题了,unity应该先加载哪一个呢? unity给了我们几种方案,其中一种是在 文件——生成设置 里面更改游戏场景的优先级,其中0是最高优先级(当然,必须得先把场景全都加进build中,要不如果你在外部跳转没有

    2024年02月10日
    浏览(50)
  • 大二Web课程设计:服装网页设计题材——HTML+CSS汉服文化带背景音乐素材带视频(12页)

    🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (

    2024年01月17日
    浏览(51)
  • 音乐人声分离工具:极简的人声和背景音乐分离工具

    这是一个极简的人声和背景音乐分离工具,本地化网页操作,无需连接外网,使用 2stems/4stems/5stems 模型。 将一首歌曲或者含有背景音乐的音视频文件,拖拽到本地网页中,即可将其中的人声和音乐声分离为单独的音频wav文件,可选单独分离“钢琴声”、“贝斯声”、“鼓声

    2024年01月20日
    浏览(38)
  • 用Python实现背景音乐

    用Python实现背景音乐 伴随着音乐的节奏,我们的生活不再单调。如果你也想给你的程序添加音乐,这篇文章将会为你提供帮助。本文将介绍如何使用Python来实现背景音乐功能。 在Python中,可以通过pygame库来实现播放音乐的功能。下面是一个简单的例子,展示如何使用pygame库

    2024年02月16日
    浏览(36)
  • Unity组件开发--背景音乐管理器

    1.背景音乐作为一个独立的节点: 2.通过Url加载背景音乐:运行后添加AudioSource组件 3.外部通过PlaySceneBgm.Instance 调用相关接口:

    2024年01月23日
    浏览(45)
  • 怎么提取视频中的背景音乐?

    当我们在刷视频的时候,有时候听到一个背景音乐很好听,但是又不知道歌名,比如英语歌,这个时候我们很难找到这首歌,相信有很多朋友会遇到这样的问题,不知道怎么弄,下面小编给大家推荐一些方法帮助大家轻松地把视频中的声音提取出来 方法一:使用“智优影”

    2024年02月01日
    浏览(52)
  • Qt中利用QMediaPlayer添加背景音乐

    如果你用的是Qt Creator,请先在pro中添加 Qt+=multimediawidgets,如果你用的是VS,请先在VS中添加multimediawidgets模块 ,VS中添加该模块的具体方法如下: 右击项目-属性-Qt Project Settings-左击Qt Modules旁边的一栏-点击最右侧下拉按钮,选择Select Modules-在跳出来的界面中添加multimediawidge

    2024年02月11日
    浏览(55)
  • 怎么去除视频里的背景音乐?其实非常简单!

    如何去除视频背景音乐?在视频处理中,有时我们需要从视频中提取声音并进行处理,而不仅仅是简单地去除整个背景音乐。我们可能需要有选择性地去除人声或背景音乐。这个处理过程对于选用合适的工具至关重要。在本文中,我将分享两种可用于去除视频背景音乐的工具

    2024年02月14日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包