对联 ·故事 ·史海钩沉 ·人物档案 ·地方风俗 ·谚语大全 ·讽刺与幽默 · 赚钱 · 法律 · 在线教研 · 会员中心 · 心理测试 · 魔鬼词典 · 顺口溜
 
主页特效 网页特效 百家姓
娱乐 歇后语 绕口令 脑筋急转弯
 
谚语 谜语 名言 邮政编码
便民 酒方 验方 偏方 站长工具  
 
算命 风俗 手相 爱情
女孩 音乐 面相 星座 血型
 
饮食 穴道 偏方 医药
生活 软件 硬件 解梦 高考



   JS特效



实用工具
便民服务 加密解密
 
魅力高密 民间故事 Flash教程 PS教程 最新国内新闻
新华字典 黄道吉日 英语园地  万年历 Html2anycode
  首页 | 美图 | 短信 | 安全 | 校园 | 网站 | 游戏 | UFO | 文秘 | 生活 | 信息技术 | 论文 | 人生 | 情感 | 日记
返回首页
当前位置: 主页 > 网站建设 >

学会用按钮来控制网页中的背景音乐

时间:2009-12-29 00:04来源:未知 作者:石头 点击:
很想找个能在网页中控制声音的代码,找了好久终于还是找到了:
  

很想找个能在网页中控制声音的代码,找了好久终于还是找到了:

 

本文关键字:

控制背景音乐的方法 停止音乐 网页代码 音乐停止代码 音乐控制代码 embed bgsond

 

控制代码如下:
(可以直接放在网页中)


    不少网友的主页上都放置了背景音乐,这给网页增色不少,但有时候访客并不喜欢这样,因为,他在打开你的网页之前可能正在听别的音乐,或者是别的原因。这个时候应该给来客一个选择的机会:停止或暂停背景音乐的播放。

    如果你的背景音乐是用<embed>方法播放的,那么控制起来非常容易的。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:表示鼠标左键单击操作,后面用“=方法”向系统发出指令。

以下是实例代码与效果:

<embed src=http://www.gxblk.com/music/test.mid type=audio/mpeg hidden="true" autostart="true" loop="true" id="music"></embed>
<form>
  <input type="button" value="播放" onclick="music.play()">
  <input type="button" value="停止" onclick="music.stop()">
  <input type="button" value="暂停" onclick="music.pause()">
</form>


附:bgsond的控制方法

<bgsound src="音乐地址" id="music" loop=-1>
<a href="#" onclick="music.src=''">停止</a>
<a href="#" onclick="music.src='音乐地址'">播放</a>

 

===================================================
以上的代码是我花了一个晚上的功夫找出来的,珍惜哦


 

顶一下
(3)
100%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
赞助商位置
推荐内容
杂七杂八