html页面中如何添加背景音乐

如果我们要在html页面中添加背景音乐效果,可以使用如下几种方式。

方法一:

在html文件中添加如下代码即可(音频文件根据需要进行更改)

1

2

3

4

<audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"

src="" target="_blank">http://demo.mimvp.com/html5/take_you_fly.mp3">

你的浏览器版本太低,不支持audio标签

</audio>

说明:

1、使用autoplay=”autoplay”,则背景音乐将在音网页打开后就自动马上播放。

2、使用controls=”controls”,则为了在页面内显示显示控件,如播放按钮。

3、使用”loop=”loop”,则是为了是背景音乐重复播放。

4、使用preload=”auto”,则音频在页面加载的同时进行加载,并预备播放。

5、使用src=””,即是在””内加入背景音乐的保存路径,如:src=”web网页制作\03.mp3″。

注:若是想播放按钮隐藏,则使用以下语句:

直接使用css 的display控制audio标签的显示:

1

2

3

4

5

<style type="text/css">

audio{

display: none;

}

</style>

(免费视频教程:html视频教程)

方法二:

在<head></head>中的title标签之下添加以下这行代码

1

<embed src="web网页制作\03.mp3" hidden="true" autostart="true" loop="true">

说明:

1、src=””,在””内添加你音乐的保存路径。

2、使用hidden=”true”表示隐藏音乐播放按钮,相反使用hidden=”false”表示开启音乐播放按钮。

3、使用autostart=”true” 表示是打开网页加载完后自动播放。

4、使用loop=”true”表示 循环播放 如仅想播放一次则为:loop=”false”

方法三:

在HTML中敲写以下代码:

1

<bgsound src="音乐保存的绝对路径" autostart=true loop=infinite>

说明:

1、使用autostart=true,表示音乐在网页加载同时加载音乐,打开网页时音乐自动播放。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/58035.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PyGame|给程序插入背景音乐

前言 上次圣诞节的时候尝试了用python画圣诞树&#xff0c;用pyqt6制作了gui窗口&#xff0c;把画圣诞树的代码打包成了一个小程序&#xff0c;觉得只有圣诞树过于单调&#xff0c;于是想着给程序加入一点背景音乐&#xff0c;更有节日氛围。看了大佬们的教程&#xff0c;最后…

VB开发中背景音乐的制作

VB开发中背景音乐的制作 http://www.sina.com.cn 2001/04/23 17:09 中国电脑教育报 武正伦   背景音乐不仅在软件中起到“声”、“文”并茂的效果&#xff0c;而且能使用户减少在漫长的计算、等待过程中所带来的困倦和烦躁情绪&#xff0c;我们将通过用Microsoft Visual Basi…

Android微信登录在华为手机上无法调起授权界面的问题

Android微信登录在华为手机上无法调起授权界面的问题 App集成了微信登录&#xff0c;在其他手机上微信登录都可以正常调起微信授权页面&#xff0c;并且登录成功&#xff0c;但是 在华为手机上调用微信登录&#xff0c;没报异常&#xff0c;也无法调起微信授权页面&#xff0c;…

AI 绘图:MidJourney 的提示语句(Prompt)怎么写?

这篇文章主要总结了在 AI 绘画中&#xff0c;使用 MidJourney 时提示语句 Prompt 的写法。 1、基本 Prompt 写法 完整的 Prompt 可以分为三个部分&#xff1a;[Image Prompts][Text Prompt][Parameters]&#xff0c;其中&#xff1a; 图片提示&#xff08;Image Prompts&…

【EasyPoi实战系列】Spring Boot使用EasyPoi的注解让表格更漂亮以及图片的导出 - 第468篇

历史文章&#xff08;文章累计460&#xff09; 《国内最全的Spring Boot系列之一》 《国内最全的Spring Boot系列之二》 《国内最全的Spring Boot系列之三》 《国内最全的Spring Boot系列之四》 《国内最全的Spring Boot系列之五》 《国内最全的Spring Boot系列之六》 【…

拉伯证券|大股东或易主,阿里巴巴换股入局

三大股指齐上扬&#xff0c;早盘主力埋伏这些股。 到午间收盘&#xff0c;“家居零售榜首股”之称的美凯龙一字涨停&#xff0c;港股红星美凯龙涨24%&#xff0c;此前一度涨超30%。 消息面上&#xff0c;1月13日晚间&#xff0c;美凯龙发布公告称&#xff0c;公司控股股东红星…

Day02| 第四期-阿里巴巴股票行情分析(一)

01 前言 2020年高考的第一天到来了&#xff0c;不晓得你的心情如何&#xff0c;我想我们始终忘不了的是对追梦过程中的努力&#xff0c;希望长大以后的我们也不要忘记那种拼搏的精神&#xff0c;今天也会是元气满满的一天&#xff0c;接下来&#xff0c…

2021年PHP会被淘汰吗

首先我可以确定的是&#xff0c;PHP肯定不会被淘汰。 但是市场占有率肯定回不去以前的状态&#xff0c;以前PHP可以做网页的任何事&#xff0c;包括前端和接口。 但是近几年前端的发展非常迅猛&#xff0c;angular、vue和react三大前端框架的相继出现&#xff0c;使得前后端已…

第一个真正实现智能涌现的国产大语言模型,内测即将开启

出品 | OSC开源社区&#xff08;ID&#xff1a;oschina2013) 昆仑万维昨日宣布&#xff0c;由昆仑万维和奇点智源合作自研、中国第一个真正实现智能涌现的国产大语言模型 ——「天工」3.5 发布在即&#xff0c;并将于 4 月 17 日启动邀请测试。 公告指出&#xff0c;「天工」大…

Google 工程主管:AIGC 将在三年内终结编程!

大家注意&#xff1a;因为微信最近又改了推送机制&#xff0c;经常有小伙伴说错过了之前被删的文章&#xff0c;比如前阵子冒着风险写的爬虫&#xff0c;再比如一些限时福利&#xff0c;错过了就是错过了。 所以建议大家加个星标&#xff0c;就能第一时间收到推送。&#x1f44…

文献阅读必备常识和工具推荐

本文旨在总结研究生阶段(AI领域)关于论文检索、阅读、期刊会议分区、影响因子等常识问题&#xff0c;也包括一些工具和网站的推荐 1.关于期刊、会议的一些常识 学术论文分为期刊和会议&#xff0c;不同领域期刊和会议的权重不同&#xff0c;计算机领域为例&#xff1a; 计算机…

Qt-》QAudioOutput play 播放wav文件

用Qt写音频比directxShow方便多了&#xff0c;很好用&#xff0c;初级文章&#xff0c;供大家学习路上少分困难&#xff0c;多份轻松。 #include <QFile>#include <QAudioFormat>#include <QAudioOutput>#include <QSound>int main(){QFile inputFile…

将wav音频文件频谱分析后映射到钢琴琴键上(类似audio to midi功能)

import wave import numpy from pyaudio import PyAudio import matplotlib.pyplot as plt from matplotlib.ticker import MultipleLocator, FormatStrFormatter import mathwf wave.open(e:/tests/audio2miditest.wav, rb) # 创建PyAudio对象 p PyAudio() stream p.open(f…

Qt+MPlayer音乐播放器开发笔记(一):ubuntu上编译MPlayer以及Demo演示

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/118713520 长期持续带来更多项目与技术分享&#xff0c;咨询请加QQ:21497936、微信&#xff1a;yangsir198808 红胖子(红模仿)的博文大全&#xff1a;…

android音乐播放器频谱图控件

先上效果图&#xff1a; 先通过测量获取view的宽高&#xff0c;然后将宽分为12份&#xff0c;11份为11个条形柱&#xff0c;剩余一份在分为10份作为条形柱之间的间距 Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMe…

Virtual Piano 自动播放乐谱

钢琴按键分布 钢琴 一共88个键&#xff0c;52个白键&#xff0c;36个黑键。 从左到右按音区分&#xff0c;可分为 低音区&#xff1a;不完整的大二字组、大字一组、大字组&#xff1b; 中音区&#xff1a;小字组、小字一组、小字二组&#xff1b; 高音区&#xff1a;小字三…

Qt开发音乐播放器时,频谱显示控件的详细绘制(好思路)

总第46篇 本文详细梳理了在Qt框架制作音乐播放器的过程中,频谱显示的绘制过程。 在开发音乐播放器的时候,需要将音频数据转换成对应的频谱显示,我们可以采用fmod 第三方库来处理,即通过fomd获取音频数据对应的频谱数据,再在项目中对数据进行绘制即可,这样使工程高度解耦,…

用Qt写一个简单的音乐播放器(一):使用QMediaPlayer播放音乐

一、前言 QMediaplayer可以用于解析音频文件和视频文件&#xff0c;继承自QMediaObject&#xff0c;涉及到的对象为QMediaContent。QMediaObject可以提供关于媒体内容的接入&#xff0c;通过URL进行初始化&#xff0c;同时也可以提供可以播放的媒体文件的列表&#xff0c;与QM…

基于Qt的音乐播放器(一)添加音频文件,播放音乐,更新进度条

2020博客之星年度总评选进行中&#xff1a;请为74号的狗子投上宝贵的一票&#xff01; 我的投票地址&#xff1a;点击为我投票 文章目录 1.实现音频文件对话框(QFileDialog类)2.实现音乐播放&#xff08;QMediaPlayer类/QMediaPlaylist类&#xff09;3.实现进度条更新以及文件…

基于QT的音乐播放器频谱实现

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、官方文档分析二、实现步骤1. 捕获原始音频数字信号2. 读取音频数据3. 计算FFT4. 项目源码目录5. 实际效果 总结 前言 网上的很多音乐播放器频谱实现&#…