1. 在html中插入音频
  2.  
  3. 第一种：在页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。 
  4.  
  5. 在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。 
  6.  
  7. 这种背景音乐是打开叶子后直接播放的，在网页上不会有显示。这是最简单的一种。
    （IE专用，非IE浏览器不支持）
  8.  
  9. 第二种：这种方法则略微复杂一些，但可设置的参数也较多。仍是在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样： 
  10.  
  11. <EMBED src="音乐url" autostart="true" loop="true" width="80" height="20"> 
  12.  
  13. 不同的是，在这里我们可以设置更多内容，以下是具体的说明： 
  14.  
  15. src 背景音乐的地址（即url）。 
    autostart 是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false” 
  16.  
  17. loop 循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。 
    volume 设置音量，取值范围是“0-100”，默认值为系统当前音量。 
    starttime 设置音乐开始播放的时间，格式是“分：秒”， 
    如：starttime＝"00:10"，就是从第10秒开始播放。 
    endtime 设置音乐结束播放的时间，具体格式同上。 
    width 设置音乐播放控制面板的宽度。 
    height 设置音乐播放控制面板的高度。 
    controls 设置音乐播放控制面板的外观， 
    “console”为通常面板； 
    “smallconsole”为小型面板。 
    “playbutton”为是否显示播放按钮； 
    “pausebutton”为是否显示暂停按钮； 
    “stopbutton”为是否显示停止按钮； 
    “volumelever”为是否显示音量调节按钮
  18.  
  1.  

一、基本语法

  1.  

代码如下:

  1.  

embed src=url

  1.  

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

  1.  

示例:

  1.  

代码如下:

  1.  

<embed src="your.mid">

  1.  

二、属性设置

  1.  

1、自动播放：

  1.  

语法：autostart=true、false

  1.  

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

  1.  

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

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

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

  1.  

2、循环播放：

  1.  

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

  1.  

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

  1.  

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

  1.  

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

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

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

  1.  

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

  1.  

3、面板显示：

  1.  

语法：hidden=ture、no

  1.  

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

  1.  

ture：隐藏面板；

  1.  

no：显示面板。

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

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

  1.  

4、开始时间：

  1.  

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

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

5、音量大小：

  1.  

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

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

6、容器属性：

  1.  

语法：height=# width=#

  1.  

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

  1.  

height：控制面板的高度；

  1.  

width：控制面板的宽度。

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

7、容器单位：

  1.  

语法：units=pixels、en

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

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

  1.  

8、外观设置：

  1.  

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

  1.  

console：一般正常面板；

  1.  

smallconsole：较小的面板；

  1.  

playbutton：只显示播放按钮；

  1.  

pausebutton：只显示暂停按钮；

  1.  

stopbutton：只显示停止按钮；

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

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

  1.  

9、对象名称：

  1.  

语法：name=#

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

10、说明文字：

  1.  

语法：title=#

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

11、前景色和背景色：

  1.  

语法：palette=color|color

  1.  

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

（透明）。

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

12、对齐方式：

  1.  

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

  1.  

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

  1.  

center：控制面板居中；

  1.  

left：控制面板居左；

  1.  

right：控制面板居右；

  1.  

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

  1.  

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

  1.  

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

  1.  

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

  1.  

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

  1.  

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

  1.  

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

  1.  

示例：

  1.  

代码如下:

  1.  

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

  1.  

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

  1.  
  1.  
 

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

  1. HTML在网页中插入音频视频简单的滚动效果

    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...

  2. 【转】向HTML中插入视频并兼容所有浏览器的方法

    原文地址:http://www.jb51.net/web/168548.html 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些, ...

  3. 网页中插入swf动画（embed）

    网页中插入swf动画(embed:[ɪm'bed]) 例题: <embed src="swf.sef" width="200" height=" ...

  4. HTML中插入视频

    最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. ...

  5. 使用PreparedStatement向数据表中插入、修改、删除、获取Blob类型的数据

    使用PreparedStatement向数据表中插入.修改.删除.获取Blob类型的数据 2014-09-07 20:17 Blob介绍 BLOB类型的字段用于存储二进制数据 MySQL中,BLOB是 ...

  6. 【2017-03-20】HTML框架，标题栏插入小图标，锚点，插入音频视频，滚动效果

    一.html框架   iframe 在网页中嵌入一个别的网页 1.格式: <iframe  src="链接地址" width="" height=&quo ...

  7. [转载]在网页中插入media，RealPlayer等控件

    [转载]在网页中插入media,RealPlayer等控件 (2012-11-02 20:27:43) 转载▼ 标签: 转载   原文地址:在网页中插入media,RealPlayer等控件作者:Mo ...

  8. 小强的HTML5移动开发之路（15）——HTML5中的音频

    浏览器虽然发展很快,但是浏览器中的标准还是不完善,在HTML4+CSS2+JS的前段开发中让很多程序员头疼的就是浏览器的兼容性问题,音频播放也一样,直到现在,仍然不存在一项网页上播放视频和音频的标准. ...

  9. 在网页中插入背景音乐代码(html)

    有两种 分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器. 二者的参数如 ...

随机推荐

  1. linux下调试使用的 一些shell命令

    查看文件日期:strings |grep Build gdb g++ gcc make systemctl gdb: bt s n b 1.firewalld的基本使用 启动: systemctl s ...

  2. Cassandra第一次使用

    在FreeBSD上安装Cassandra: # pkg install cassandra2找了半天Cassandra的配置文件,原来安装位置是在这: /usr/local/share/cassand ...

  3. Death to Binary? 分析模拟

    /** 题目:Death to Binary? 链接:https://vjudge.net/contest/154246#problem/T 题意:略. 思路: 注意事项: 给的字符串存在前导0: 存 ...

  4. zabbix 监控如下内容

    我们使用zabbix做了如下的监控: 1.硬件监控. 通过SNMP来进行路由器交换机的监控(这些可以跟一些厂商沟通来了解如何做). 服务器的温度以及其他,可以通过IPMI来实现.当然如果没有硬件全都是 ...

  5. windows下mysql区分大小写敏感问题

    默认情况下,表别名在Unix上区分大小写,但在Windows或macOS上不是这样.以下语句在Unix上不起作用,因为它引用别名as a和as A: mysql> SELECT col_name ...

  6. oracle中根据时间获取最新的一条数据

    order by kd.createtime 2.SELECT * FROM ( SELECT *,ROWNUM rn FROM t ORDER BY date_col DESC ) ,cg.bert ...

  7. spark通过合理设置spark.default.parallelism参数提高执行效率

    spark中有partition的概念(和slice是同一个概念,在spark1.2中官网已经做出了说明),一般每个partition对应一个task.在我的测试过程中,如果没有设置spark.def ...

  8. 巧妙使用JQuery Clone 添加多行数据，并更新到数据库的实现代码

    web前端代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAd ...

  9. sscanf

    #include<stdio.h> 1.sscanf和scanf的不同是输入来源,前者是一个字符串,后者则是标准输入设备 2.sscanf的使用,以解析时间字符串为例,将字符串“2009- ...

  10. Linux & windows 应用服务器&Oracle数据库服务器备份

    Linux篇 tomcat启动加入开机启动项   vi /etc/rc.d/rc.local service iptables stop /usr/local/tomcat/bgyappserv01/ ...