在html中插入音频

第一种：在页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。 

在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。 

这种背景音乐是打开叶子后直接播放的，在网页上不会有显示。这是最简单的一种。
（IE专用，非IE浏览器不支持）

第二种：这种方法则略微复杂一些，但可设置的参数也较多。仍是在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样： 

<EMBED src="音乐url" autostart="true" loop="true" width="80" height="20"> 

不同的是，在这里我们可以设置更多内容，以下是具体的说明： 

src 背景音乐的地址（即url）。 
autostart 是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false” 

loop 循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。 
volume 设置音量，取值范围是“0-100”，默认值为系统当前音量。 
starttime 设置音乐开始播放的时间，格式是“分：秒”， 
如：starttime＝"00:10"，就是从第10秒开始播放。 
endtime 设置音乐结束播放的时间，具体格式同上。 
width 设置音乐播放控制面板的宽度。 
height 设置音乐播放控制面板的高度。 
controls 设置音乐播放控制面板的外观， 
“console”为通常面板； 
“smallconsole”为小型面板。 
“playbutton”为是否显示播放按钮； 
“pausebutton”为是否显示暂停按钮； 
“stopbutton”为是否显示停止按钮； 
“volumelever”为是否显示音量调节按钮




一、基本语法




代码如下:




embed src=url




说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， 
Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。




示例:




代码如下:




<embed src="your.mid">




二、属性设置




1、自动播放：




语法：autostart=true、false




说明：该属性规定音频或视频文件是否在下载完之后就自动播放。




true：音乐文件在下载完之后自动播放；




false：音乐文件在下载完之后不自动播放。




示例：




代码如下:




<embed src="your.mid" autostart=true>




<embed src="your.mid" autostart=false>




2、循环播放：




语法：loop=正整数、true、false




说明：该属性规定音频或视频文件是否循环及循环次数。




属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；




属性值为true时，音频或视频文件循环；




属性值为false时，音频或视频文件不循环。




示例：




代码如下:




<embed src="your.mid" autostart=true loop=2>




<embed src="your.mid" autostart=true loop=true>




<embed src="your.mid" autostart=true loop=false>




3、面板显示：




语法：hidden=ture、no




说明：该属性规定控制面板是否显示，默认值为no。




ture：隐藏面板；




no：显示面板。




示例：




代码如下:




<embed src="your.mid" hidden=ture>




<embed src="your.mid" hidden=no>




4、开始时间：




语法：starttime=mm:ss（分：秒）




说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。




示例：




代码如下:




<embed src="your.mid" starttime="00:10">




5、音量大小：




语法：volume=0-100之间的整数




说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。




示例：




代码如下:




<embed src="your.mid" volume="10">




6、容器属性：




语法：height=# width=#




说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。




height：控制面板的高度；




width：控制面板的宽度。




示例：




代码如下:




<embed src="your.mid" height=200 width=200>




7、容器单位：




语法：units=pixels、en




说明：该属性指定高和宽的单位为pixels或en。




示例：




代码如下:




<embed src="your.mid" units="pixels" height=200 width=200>




<embed src="your.mid" units="en" height=200 width=200>




8、外观设置：




语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、 
volumelever 说明：该属性规定控制面板的外观。默认值是console。




console：一般正常面板；




smallconsole：较小的面板；




playbutton：只显示播放按钮；




pausebutton：只显示暂停按钮；




stopbutton：只显示停止按钮；




volumelever：只显示音量调节按钮。




示例：




代码如下:




<embed src="your.mid" controls=smallconsole>




<embed src="your.mid" controls=volumelever>




9、对象名称：




语法：name=#




说明：#为对象的名称。该属性给对象取名，以便其他对象利用。




示例：




代码如下:




<embed src="your.mid" name="video">




10、说明文字：




语法：title=#




说明：#为说明的文字。该属性规定音频或视频文件的说明文字。




示例：




代码如下:




<embed src="your.mid" title="第一首歌">




11、前景色和背景色：




语法：palette=color|color




说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背 
景色，中间用 | 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent


（透明）。




示例：




代码如下:




<embed src="your.mid" palette="red|black">




12、对齐方式：




语法：align=top、bottom、center、baseline、 left、right、texttop、middle、 
absmiddle、absbottom




说明：该属性规定控制面板和当前行中的对象的对齐方式。




center：控制面板居中；




left：控制面板居左；




right：控制面板居右；




top：控制面板的顶部与当前行中的最高对象的顶部对齐；




bottom：控制面板的底部与当前行中的对象的基线对齐；




baseline：控制面板的底部与文本的基线对齐；




texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；




middle：控制面板的中间与当前行的基线对齐；




absmiddle：控制面板的中间与当前文本或对象的中间对齐；




absbottom：控制面板的底部与文字的底部对齐。




示例：




代码如下:




<embed src="your.mid" align=top>




<embed src="your.mid" align=center>








 


												


											
在html中插入音频的更多相关文章
	

    
								
  1. HTML在网页中插入音频视频简单的滚动效果
		
    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...
    
		
    2. 
						
  2. 【转】向HTML中插入视频并兼容所有浏览器的方法
		
    原文地址:http://www.jb51.net/web/168548.html 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些, ...
    
		
    3. 
						
  3. 网页中插入swf动画（embed）
		
    网页中插入swf动画(embed:[ɪm'bed]) 例题: <embed src="swf.sef" width="200" height=" ...
    
		
    4. 
						
  4. HTML中插入视频
		
    最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签.  ...
    
		
    5. 
						
  5. 使用PreparedStatement向数据表中插入、修改、删除、获取Blob类型的数据
		
    使用PreparedStatement向数据表中插入.修改.删除.获取Blob类型的数据 2014-09-07 20:17 Blob介绍 BLOB类型的字段用于存储二进制数据 MySQL中,BLOB是 ...
    
		
    6. 
						
  6. 【2017-03-20】HTML框架，标题栏插入小图标，锚点，插入音频视频，滚动效果
		
    一.html框架   iframe 在网页中嵌入一个别的网页 1.格式: <iframe  src="链接地址" width="" height=&quo ...
    
		
    7. 
						
  7. [转载]在网页中插入media，RealPlayer等控件
		
    [转载]在网页中插入media,RealPlayer等控件 (2012-11-02 20:27:43) 转载▼ 标签: 转载   原文地址:在网页中插入media,RealPlayer等控件作者:Mo ...
    
		
    8. 
						
  8. 小强的HTML5移动开发之路（15）——HTML5中的音频
		
    浏览器虽然发展很快,但是浏览器中的标准还是不完善,在HTML4+CSS2+JS的前段开发中让很多程序员头疼的就是浏览器的兼容性问题,音频播放也一样,直到现在,仍然不存在一项网页上播放视频和音频的标准. ...
    
		
    9. 
						
  9. 在网页中插入背景音乐代码(html)
		
    有两种 分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器. 二者的参数如 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. SpringBoot+MybatisPlus（多数据源和主从分离）
			
    简介 dynamic-datasource-spring-boot-starter 基于 springBoot2.0. 它适用于读写分离,一主多从的环境. 主数据库使用 INSERT UPDATE D ...
    
			
    2. 
						
  2. C++加密解密库之选择
			
    项目中有这样一个需求,客户端登陆服务器时,为保证信息安全,需要对用户的密码进行加密传输,在服务器端接受到之后进行相应的解密. 一.加密算法分类 对称加密算法.不对称加密算法.不可逆加密算法 1.对称加 ...
    
			
    3. 
						
  3. BZOJ 1798 AHOI2009 Seq 维护序列 线段树
			
    题目大意:维护一个序列,提供三种操作: 1.将区间中每个点的权值乘上一个数 2.将区间中每个点的权值加上一个数 3.求一段区间的和对p取模的值 2631的超^n级弱化版.写2631之前能够拿这个练练手 ...
    
			
    4. 
						
  4. Spring Data Redis 2.x 中 RedisConfiguration 类的新编写方法
			
    在 Spring Data Redis 1.x 的时候,我们可能会在项目中编写这样一个RedisConfig类: @Configuration @EnableCaching public class  ...
    
			
    5. 
						
  5. Javascript间歇调用和超时调用
			
    间歇调用:每隔指定的时间就执行一次代码 超时调用:在指定的时间过后执行代码  HTML Code  12345678910111213141516171819   <!DOCTYPE html& ...
    
			
    6. 
						
  6. python 中NumPy和Pandas工具包中的函数使用笔记（方便自己查找）
			
    二.常用库 1.NumPy NumPy是高性能科学计算和数据分析的基础包.部分功能如下: ndarray, 具有矢量算术运算和复杂广播能力的快速且节省空间的多维数组. 用于对整组数据进行快速运算的标准 ...
    
			
    7. 
						
  7. scrapy 简介
			
    Scrapy是用纯Python实现一个为了爬取网站数据.提取结构性数据而编写的应用框架. Scrapy架构图(绿线是数据流向): Scrapy Engine(引擎): 负责Spider.ItemPip ...
    
			
    8. 
						
  8. 性能百万/s：腾讯轻量级全局流控方案详解【转自Wetest】
			
    阿里用的方案是在nginx中配置限流(限流功能模块是自己开发的),流量统计线上是有监控打通的,具体的限流值是通过线上流量表现+线下性能测试(模拟线上场景)测试得出的. 全新的全局流控实现方案,既解决了 ...
    
			
    9. 
						
  9. SQL.Cookbook 读书笔记4 插入更新和删除
			
    第四章 插入更新和删除 4.1 插入数据 ,'PROGRA','NEW YOURK'); 4.2 从一个表向另一个表中复制 insert into dept_east(deptno,dname,loc ...
    
			
    10. 
						
  10. 《从零开始学Swift》学习笔记（Day 15）——请注意数字类型之间的转换
			
    原创文章,欢迎转载.转载请注明:关东升的博客 在C.Objective-C和Java等其他语言中,整型之间有两种转换方法: 从小范围数到大范围数转换是自动的: 从大范围数到小范围数需要强制类型转换,有 ...
    
			
    11.