在制作网页时如何控制网页的背景音乐4

发布网友发布时间：2023-10-21 11:02

共1个回答

热心网友时间：2024-12-05 14:15

Follow me！首先我们需要给出<embed>一个id，这个id就是背景音乐的标识，在你的网页代码中它必须是唯一的，也就是，其他元素如果也用了id的话，就不能和它重复，否则会出乱。这有点像有两个黑马在一块，你一叫，两个都有响应，结果就乱了。记住，id要唯一。下面是定义了id的<embed>语句样式： <embed src="音乐文件地址" type=audio/mpeg hidden="true" autostart="true" loop="true" id="music"></embed> 上面代码中，我们用"music"来做为背景音乐播放机的标识，往下我们就通过对这个标识进行控制，从而达到控制背景音乐的目的。一般地，用于网页播放的插件都有对音乐的几个基本的控制方法：play（播放）、stop（停止）和pause（暂停）。它们的语法约定是：标识.方法()，例如播放音乐的语句是：music.play()。这样，我们可以设置几个按钮，当按钮被点击时发出相应的指令。以下就是实现代码：<form><input type="button" value="播放" onclick="music.play()"><input type="button" value="停止" onclick="music.stop()"><input type="button" value="暂停" onclick="music.pause()"></form> 几点说明：一、关于embed◇ embed可用的媒体格式比较丰富，可放心使用。但如果该媒体格式所使用的插件不提供play、stop等方法（极少有），那我们的设置是无效的；◇ type应当指定。但是，尽管指定，它仍然依赖于访客机器中对媒体文件的关联设置，比如，访客将MP3和RealPlay做了关联，那么，他的机器就会用RealPlay在后台播放背景音乐；◇ 使用hidden="true"来隐藏播放机比用width=0 height=0效果要理想得多，用后者并不能完全隐藏，不是有一条线就是有一个点出现在网页里。二、关于input◇ type="button"：不能改动，button是“按钮”的意思；◇ value="播放"：按钮上面的说明文字；◇ onclick：表示鼠标左键单击操作，后面用“=方法”向系统发出指令。以下是实例代码与效果: