如何在html 插入背景音乐,HTML插入背景音乐方法【全】

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

Syche我今天本来是做网页玩来着，忽然想在博客上放一个类似QQ空间背景的音乐播放器，于是晚上找了之后，终于实现了这个功能，这里和大家来分享一下：

一：

TEST

src="xxx.mp3"

调用windows播放器

SRC="音乐文件地址">

常用属性如下：

SRC="FILENAME" 设定音乐文件的路径

AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE

LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。

STARTIME="分:秒" 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20

VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。

WIDTH HEIGHT 设定控制面板的大小

HIDDEN=TRUE 隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子

例一：

loop=true>

作为背景音乐来播放，隐藏了播放器。

例二：

SRC="midi.mid" loop=true width=145 height=60>

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：mp3 rm ra ram asf

mid等音乐都用这个播放器

IE中的的背景音乐

代码如下：

src="音乐文件地址" loop=#>

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。

一拌格试如下：

播放器3

type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel"

src="歌曲链接地址">

大播放器不直接放

src=歌曲链接地址 volume="100" width=250 height=20 hidden="FALSE" autostart="fault"

type="audio/x-pn-realaudio-plugin" controls="PlayButton">

播放器直接放中

type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel"

src="歌曲链接地址">

仿真播放器rm

width="280，80%" height="60，80%" autostart="true">

视频点击播放

classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">

value=歌曲链接地址>

使用的时候把*号去掉

说明：一般用来插入mp3 rm ra ram asf

mid等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

二：

loop="-1">

说明：一般用来插入wav wma mid等格试的音乐文件。

如何在html 插入背景音乐,HTML插入背景音乐方法【全】相关推荐

HTML页面插入Flash动画及背景音乐
HTML页面插入Flash动画及背景音乐 js操作Flash对象的常用方法简介注:对flash对象操作的方法名首字母都大写. Flash提供给javascript可以访问的标准方法有: 1)GetV ...
网页中插入背景音乐的几种方法
在网页中插入背景音乐的几种方法 1.自定义空白面板背景音频和视频的添加源代码. <embed src=音乐链接地址 width=200 height=50 type=audio/mpeg loo ...
如何在visio2010的框图中插入公式？
#如何在visio2010的框图中插入公式? 其实很简单,也没必要下载Mathtype 先在world中用自带的公式编辑器将公式写好,如下图此时选中公式, 博文已经迁移到个人主页https://gu ...
typora插入代码设置_一篇文章教会你如何在Markdown文档中插入数学公式
我平时用的比较多的是Typora这个markdown编辑器.所以在这里就以Typora为例,介绍如何在Markdown文档中插入数学公式的方法. 如果你学会了这个方法,那么你无论使用哪一个markdo ...
C# 如何在Word文档中插入艺术字
C# 如何在Word文档中插入艺术字在Word文档中添加艺术字效果可以让文档的排版更加美观.本篇文章主要介绍如何使用C#和Spire.Doc组件在Word文档中插入艺术字. Spire.Doc支持多 ...
如何在word里面优雅地插入代码
如何在word里面优雅地插入代码背景 Word没有专门用于展示代码的版块,不具备Markdown功能,因此许多人在Word粘贴代码后没有对其进行深入处理. 插入代码进入word时,代码总是显得不太美 ...
如何在Mac的word里插入svg图像
如何在Mac的word里插入svg图像首先提醒读者,本文介绍的方法不是将svg直接插到word里[捂脸],而是先转换成pdf,再插入到word里.经过本人验证,变成pdf插入后,还是矢量图,无论如何 ...
如何在word里面优雅地插入代码（亲测简单有效的方法，类型非常全面）
如何在word里面优雅地插入代码想必很多人都曾遇到一个棘手的问题,在提交作业或实验报告时,插入代码进入word时,代码总是显得不太美观,怎么能让我们的代码在word里面好看呢? 根据需求,我分为两种 ...
如何在CSDN博客中插入图片
如何在CSDN博客中插入图片 1.打开CSDN编辑页面 2.点击插入图片 3.注意事项最近笔者准备开始使用CSDN写博客,但是发现插入图片后无法显示,所以跟大家分享一下如何插入图片.在我仔细专研后, ...
wps怎么在后面加入表格_如何在WPS文档中插入表格
在办公中经常会用到表格,表格可以将复杂的数据以行或列的形式展现出来,使数据更加直观,更加清晰,下面我们就介绍下如何在文档中插入表格. (1)插入表格.插入表格的方法很多,可以直接单击"插入& ...

如何在html 插入背景音乐,HTML插入背景音乐方法【全】

如何在html 插入背景音乐,HTML插入背景音乐方法【全】相关推荐

最新文章

热门文章