`
webcode
  • 浏览: 6079406 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

给网页加背景音乐

 
阅读更多
首先准备好一首 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的...

    网页添加背景音乐

    ### 网页添加背景音乐方法详解 在网页设计中,背景音乐的添加不仅可以增强页面的氛围,还能提升用户体验。目前常见的两种添加背景音乐的方法分别是使用`&lt;bgsound&gt;`标签和`&lt;embed&gt;`标签。 #### 一、使用`&lt;bgsound&gt;`...

    网页背景音乐播放器代码

    根据给定的文件信息,我们可以总结出关于网页背景音乐播放器代码的相关知识点: ### 一、基本概念 在网页设计中,有时为了增加网站的趣味性或者氛围感,我们会使用到背景音乐播放器。背景音乐播放器代码允许我们在...

    如何给网页背景添加音乐

    在网页设计中,给网页添加背景音乐是一种提升用户体验和增加互动性的有效方法。这不仅可以为访问者创造一种独特的氛围,还可以让网站更具个性化。本文将详细介绍如何为网页添加背景音乐,以及需要注意的关键点。 ...

    如何保存网页的背景音乐

    保存网页背景音乐可以通过以下步骤实现: 1. **打开开发者工具**:在播放背景音乐的网页上按`F12`键或者右键选择“检查”(Inspect)来打开开发者工具。 2. **定位音频源**:切换到“Network”选项卡,在刷新页面的...

    按钮控制网页背景音乐

    网页背景音乐是提升用户体验的一种重要方式,特别是在设计多媒体或者游戏网站时,合适的背景音乐能营造出独特的氛围。本文将深入探讨如何使用按钮来控制网页的背景音乐,包括音乐的重复播放、暂停功能以及确保良好的...

    网页背景音乐控制

    网页背景音乐控制是网页制作中的一个重要元素,它涉及到用户体验和网站的整体氛围营造。在网页设计中,背景音乐可以增加互动性和情感共鸣,尤其对于音乐、艺术或者游戏类网站,适当的背景音乐能提升用户沉浸感。然而...

    Dreamweaver CS6在网页中插入背景音乐.pdf

    在网页设计中,为增强用户体验,有时需要在页面中插入背景音乐。Adobe Dreamweaver CS6 是一款强大的网页设计工具,提供了便捷的方式插入背景音乐。本文将详细讲解如何使用Dreamweaver CS6来实现这一功能。 首先,...

    js控制网页背景音乐播放与停止的方法

    本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    在网页中添加背景音乐的代码

    "添加背景音乐代码到网页" 在网页中添加背景音乐的代码是指使用JavaScript和HTML将音频文件嵌入到网页中,以便在网页加载时自动播放背景音乐。以下是添加背景音乐的代码分析: 首先,让我们看一下avi格式的代码...

    网页背景音乐播放器代码(可实现多首音乐循环播放)

    非常好用而且美观的的网页背景音乐代码,(可实现多首音乐循环播放),只要修改exobudpl.js文件里面的音乐地址即可,让你不再为网页背景音乐播放器不美观而发愁,更多网页实用源码请登录www.ita5.com联系sunny

    网页背景音乐代码.rar

    网页背景音乐是提升网站用户体验的一种常见方式,尤其适用于个人主页、音乐分享站点或者有特定氛围需求的网页设计。本资源“网页背景音乐代码.rar”提供了一份详细的文档“网页背景音乐代码.doc”,帮助开发者了解...

    flash+xml网页博客背景音乐播放经典集合

    本资源“flash+xml网页博客背景音乐播放经典集合”是针对这些技术的一个实例应用,主要用于网页背景音乐的播放。下面我们将深入探讨Flash、XML以及它们如何结合实现网页上的背景音乐播放。 首先,Flash是一种交互式...

    html5旋转音乐图标,控制背景音乐jquery.rotate

    在HTML5中,实现一个可旋转的音乐图标来控制背景音乐播放是常见的交互设计,尤其在制作互动式网页或H5应用时。本项目通过jQuery库实现这一功能,提供了友好的用户界面,允许用户轻松地暂停和开始背景音乐。下面我们...

    JavaScript与网页的背景音乐.pdf

    "JavaScript与网页背景音乐实现" JavaScript是网页设计中最常用的语言之一,而网页背景音乐则是网页设计中的一种重要元素。本文将详细介绍如何使用JavaScript实现网页背景音乐,并且实现随机选择背景音乐和控制背景...

    超简单实用网页背景音乐FLASH播放器

    网页背景音乐是提升网站用户体验的一种常见方式,而使用FLASH播放器来实现这一功能,曾经是一种流行的选择。在本文中,我们将深入探讨“超简单实用网页背景音乐FLASH播放器”的相关知识点,包括Flash技术基础、音乐...

    新年快乐(GIF动画录制+加背景音乐)

    新年快乐(GIF动画录制+加背景音乐)参考素材

    表白网页的背景和音乐

    一个简单的表白小网页 点进去之后自动播放告白气球 背景是哆啦A梦 只有接受表白之后才会退出哦 表白网页的背景和音乐 表白网页的背景和音乐

    如何为网页设置音乐背景

    但是,为了让网页背景音乐更加友好,我们通常会加入一些控制元素,比如播放/暂停按钮。这可以通过添加`controls`属性来实现: ```html Your browser does not support the audio element. ``` 为了确保跨浏览器...

    html5带背景半透明mp3网页音乐播放器

    本项目“html5带背景半透明mp3网页音乐播放器”正是利用了HTML5的这一特性,创建了一个具有半透明背景和良好用户体验的音乐播放器,主要针对MP3格式的音频文件。 首先,我们需要了解HTML5的`&lt;audio&gt;`标签。这个标签...

Global site tag (gtag.js) - Google Analytics