首先准备好一首 MIDI 音乐,例如这里采用的是 001.mid 。背景音乐使用的 HTML 标记是
<EMBED SRC="001.mid">
这个标记可以视你的需求,放在 <BODY> 和 </BODY> 之间的任何地方。在这个标记放置的位置会出现一个类似媒体播放程式的图案,可以控制播放音乐或暂停。
例如:<EMBED SRC="001.mid" WIDTH=145 HEIGHT=60>
就会出现一个控制面版让你播放音乐,如果我要把音乐当作背景音乐来用,也就是不要显示控制面板。而且一进入画面就要播放,然後一直重复。就要这样写
<EMBED SRC="001.mid" HIDDEN=TRUE AUTOSTART=TRUE LOOP=TRUE>
关於 <EMBED> 还有很多其他的属性,
SRC="档案名称和路径" 设定 midi 档案的路径
AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之後,就自动播放音乐。 TRUE 是要
FALSE 是不要,内定值是不要。
LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放,LOOP=2 表示重复两次,若要无限次重复可用 LOOP="TRUE"
STARTTIIME="分:秒"
设定歌曲开始播放的时间,例如我想从这首歌第30秒的地方开始播放,就这样写 STARTTIIME="00:30"
ENDTIME="分:秒"
歌曲播放结束的时间,一般来说我们不必去设定歌曲开始和结束的时间,它会自动从头播放到尾。
VOLUMEE="0-100"
设定音乐音量的大小,数值一定是0到100之间,如果不设
定,就是使用者系统本身所设定的音量大小。
WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度
ALIGN="TOP / BOTTOM / CENTER / BASELINE / LEFT /
RIGHT / TEXTTOP / MIDDLE / ABSMIDDLE /
ABSBOTTOM"
设定控制面板和旁边文字的对齐方式,跟 <IMG> (插入图形
的标记)所使用的属性是一样的
CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子,预设值是 CONSOLE
CONSOLE 一般正常的面板
SMALLCONSOLE 较小的面板
PLAYBUTTON 只显示播放按钮
PAUSEBUTTON 只显示暂停按钮
STOPBUTTON 只显示停止按钮
VOLUMELEVER 只显示音量调整钮
HIDDEN="TRUE"
如果写上这个属性的话,就会完全隐藏控制面板,但你也不能去设定控制面板的宽和高。
<EMBED>可以放在<BODY> 和 </BODY> 之间的任何地方。记住:在这个标记放置的位置会出现一个控制面板的图案,你可以视自己的需求,把它放在适当的位置,也可以使用 HIDDEN=TRUE 将面板隐藏起来,配合AUTOSTART=TRUE 当背景音乐使用。
分享到:
相关推荐
在网页设计中,添加背景音乐可以为访问者提供更加丰富的用户体验。这通常通过HTML、CSS以及JavaScript技术实现。本文将详细讲解如何为网页设置背景音乐,包括基本的HTML5音频标签使用、CSS样式控制以及JavaScript的...
### 网页添加背景音乐方法详解 在网页设计中,背景音乐的添加不仅可以增强页面的氛围,还能提升用户体验。目前常见的两种添加背景音乐的方法分别是使用`<bgsound>`标签和`<embed>`标签。 #### 一、使用`<bgsound>`...
根据给定的文件信息,我们可以总结出关于网页背景音乐播放器代码的相关知识点: ### 一、基本概念 在网页设计中,有时为了增加网站的趣味性或者氛围感,我们会使用到背景音乐播放器。背景音乐播放器代码允许我们在...
在网页设计中,给网页添加背景音乐是一种提升用户体验和增加互动性的有效方法。这不仅可以为访问者创造一种独特的氛围,还可以让网站更具个性化。本文将详细介绍如何为网页添加背景音乐,以及需要注意的关键点。 ...
保存网页背景音乐可以通过以下步骤实现: 1. **打开开发者工具**:在播放背景音乐的网页上按`F12`键或者右键选择“检查”(Inspect)来打开开发者工具。 2. **定位音频源**:切换到“Network”选项卡,在刷新页面的...
网页背景音乐是提升用户体验的一种重要方式,特别是在设计多媒体或者游戏网站时,合适的背景音乐能营造出独特的氛围。本文将深入探讨如何使用按钮来控制网页的背景音乐,包括音乐的重复播放、暂停功能以及确保良好的...
网页背景音乐控制是网页制作中的一个重要元素,它涉及到用户体验和网站的整体氛围营造。在网页设计中,背景音乐可以增加互动性和情感共鸣,尤其对于音乐、艺术或者游戏类网站,适当的背景音乐能提升用户沉浸感。然而...
在网页设计中,为增强用户体验,有时需要在页面中插入背景音乐。Adobe Dreamweaver CS6 是一款强大的网页设计工具,提供了便捷的方式插入背景音乐。本文将详细讲解如何使用Dreamweaver CS6来实现这一功能。 首先,...
本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
"添加背景音乐代码到网页" 在网页中添加背景音乐的代码是指使用JavaScript和HTML将音频文件嵌入到网页中,以便在网页加载时自动播放背景音乐。以下是添加背景音乐的代码分析: 首先,让我们看一下avi格式的代码...
非常好用而且美观的的网页背景音乐代码,(可实现多首音乐循环播放),只要修改exobudpl.js文件里面的音乐地址即可,让你不再为网页背景音乐播放器不美观而发愁,更多网页实用源码请登录www.ita5.com联系sunny
网页背景音乐是提升网站用户体验的一种常见方式,尤其适用于个人主页、音乐分享站点或者有特定氛围需求的网页设计。本资源“网页背景音乐代码.rar”提供了一份详细的文档“网页背景音乐代码.doc”,帮助开发者了解...
本资源“flash+xml网页博客背景音乐播放经典集合”是针对这些技术的一个实例应用,主要用于网页背景音乐的播放。下面我们将深入探讨Flash、XML以及它们如何结合实现网页上的背景音乐播放。 首先,Flash是一种交互式...
在HTML5中,实现一个可旋转的音乐图标来控制背景音乐播放是常见的交互设计,尤其在制作互动式网页或H5应用时。本项目通过jQuery库实现这一功能,提供了友好的用户界面,允许用户轻松地暂停和开始背景音乐。下面我们...
"JavaScript与网页背景音乐实现" JavaScript是网页设计中最常用的语言之一,而网页背景音乐则是网页设计中的一种重要元素。本文将详细介绍如何使用JavaScript实现网页背景音乐,并且实现随机选择背景音乐和控制背景...
网页背景音乐是提升网站用户体验的一种常见方式,而使用FLASH播放器来实现这一功能,曾经是一种流行的选择。在本文中,我们将深入探讨“超简单实用网页背景音乐FLASH播放器”的相关知识点,包括Flash技术基础、音乐...
新年快乐(GIF动画录制+加背景音乐)参考素材
一个简单的表白小网页 点进去之后自动播放告白气球 背景是哆啦A梦 只有接受表白之后才会退出哦 表白网页的背景和音乐 表白网页的背景和音乐
但是,为了让网页背景音乐更加友好,我们通常会加入一些控制元素,比如播放/暂停按钮。这可以通过添加`controls`属性来实现: ```html Your browser does not support the audio element. ``` 为了确保跨浏览器...
本项目“html5带背景半透明mp3网页音乐播放器”正是利用了HTML5的这一特性,创建了一个具有半透明背景和良好用户体验的音乐播放器,主要针对MP3格式的音频文件。 首先,我们需要了解HTML5的`<audio>`标签。这个标签...