zoukankan      html  css  js  c++  java
  • 四种方式在网页中插入背景音乐

    当我们浏览一些网页的时候,感觉特别单调,要是这时响起一首好听的背景音乐的时候,我们该多么享受啊。下面简单介绍一些如何将背景音乐放入我的网页中吧。

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>Document</title>
     <!--一、单曲播放(背景音乐为一首)
    这类代码有:
    1、<EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma" loop=infinite width=0 height=0>
    <!-- 背景音乐-->
    <!--Volume表示音量,loop=infinite表示循环播放,不停止。这种代码是看不到播放器的。
    
    2、<embed src=" ... ;true"loop="true"><!-- 背景音乐
    --------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。
    -------表示当前页一载入则自动播放,若不希望播放改为
    即可...
    ------ loop="true"表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop="false"就OK了
    
    3、<embed src="http://img.xiaonei.com/photos/20060603/1510/orig51097.wma"loop=&q ... l"width="0"height="0"><!-- 背景音乐
    ---------loop="-1" 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop="2"
    --------controls="ControlPanel"这个控制选项可省略
    --------width="0" height="0"表示隐藏播放,和前面的一样。
    若欲设置播放器的外观,则替换为具体的数值就可以了,比如width="123" height="100"
    
    说明:上面的音乐网址都可自行修改,代码可以直接复制,建议将音乐上传到校内网上,这样加载速度快。
    
    二、多首背景歌曲连播,有两种方法
    1、使用M3u列表(只能播放Mp3格式的文件)
    首先, 新建一个记事本文件(这个要是不会赶紧去学电脑...)
    第二、从网上搜索你喜欢的歌曲,取得网址(一定要是Mp3格式的,其他格式不行),把你找来的MP3地址一个一行排好,一行只能排一个,不得有空行。如:
    http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
    http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
    http://vip.hanzify.org/carlchina/temp/HITFMjh.mp3
    就像这样,地址可以无限多,最少一个,然后保存,保存的文件名最好是英文或者数字。
    
    然后将记事本文件的扩展名.txt改为.M3U,系统会提示改扩展名会导致文件可能不可用,是否继续?点“是”,文件变为M3U了。你也可以将txt文件另存为.M3U格式。接着你可以打开试听一下效果,如果地址够快的话在你电脑本地就可以进行听歌了。
    最后,把这个M3U文件上传到校内网上,在上传好的文件里点属性,查看地址,将地址(一定是以M3u结尾的网址)贴进一下代码的音乐网址就可以了。
    <EMBED src=音乐网址 width=180 height=50 type=audio/mpeg loop="true">
    参数可以自己设置,请参照一自己修改。
    2、使用ASX列表(不限制音乐格式)
    首先新建一个记事本文件,将以下代码输入:
    <ASX version ="3.0">
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 55328.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 46257.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 52716.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 55812.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 57023.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 57177.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 46257.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 58026.wma"/>
    </Entry>
    <Entry>
    <Ref href = "http://img.xiaonei.com/photos/2006 ... 58502.wma"/>
    </Entry>
    </ASX>
    然后另存为扩展名为.asx的文件,如music.asx。你可以打开一下试听。最后将此文件上传到校内网上,获取文件地址。
    将下列代码加入涂鸦板即可:
    <embed src="http://img.xiaonei.com/photos/20061121/1740/orig79888.asx"loop=&q ... l"width="0"height="0"><!-- 背景音乐
    你也可以用上面介绍的方法自行设置参数。
    这种方法,简单、高速、占资源少,且可以播放mp3,wma,asx等多种格式,且不必担心有弹出式广告之类。
    
    
    说明:上面介绍的两种方法均需要先上传好音乐。
    
    三、多首歌曲随机播放,只播放一首,但刷新一次,播放一首不相同的歌曲
    
    新建一个记事本文件,将以下代码输入:-->
    <head>
    <SCRIPT language="javascript">
    <!--
    
    var sound1="王筝 - 我们都是好孩子 - Dj版.mp3"
    
    var sound2="唐磊 - 丁香花 - 重制版.mp3"
    
    var sound3="冷漠 - 元芳 - 你怎么看 Dj 版.mp3"
    
    var sound4="李贵府 - 漂亮的姑娘你别怕 - Dj版.mp3"
    
    var sound5="王筝 - 我们都是好孩子 - Dj版.mp3"
    
    var sound6="王筝 - 我们都是好孩子 - Dj版.mp3"
    
    var sound7="网络歌手 - 黄昏 - 加快版dj.mp3"
    
    var sound8="唐磊 - 丁香花 - 重制版.mp3"
    
    var sound9="李贵府 - 漂亮的姑娘你别怕 - Dj版.mp3"
    
    var sound10="阿权 - 哥是纯爷们.mp3"
    
    var x=Math.round(Math.random()*9)
    
    if (x==0) x=sound1
    
    else if (x==1) x=sound2
    
    else if (x==2) x=sound3
    
    else if (x==3) x=sound4
    
    else if (x==4) x=sound5
    
    else if (x==5) x=sound6
    
    else if (x==6) x=sound7
    
    else if (x==7) x=sound8
    
    else if (x==8) x=sound9
    
    else x=sound10
    
    if (navigator.appName=="Microsoft Internet Explorer")
    
    document.write('<bgsound src='+'"'+x+'"'+' loop="infinite">')
    
    else
    
    document.write('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" loop="true">')
    
    
    //-->
    </SCRIPT>
    
    <!--修改方法:将里面的网址换成你的音乐地址
    
    将记事本文件另存为htm网页文件,然后上传到校内网上,获取地址。
    在涂鸦板中输入以下代码:
    <div src="javasc ript:music.innerHTML='<ifr ame src=http://img.xiaonei.com/photos/20061121/2020/orig92674.htm height=0 marginwidth=0 marginheight=0 hspace=0 vspace=0 fr ameborder=0 scrolling=no></ifr ame>'" style=display:none></div><!--背景音乐
    中间的网址即是你上传的网页地址。
    四、发音乐的代码:(自动循环)
    1,
    <EMBED src=(音乐地址) HEIGHT="35" WIDTH="450"
    type=audio/x-ms-wma loop="true"></EMBED>
    
    2、音乐是MP3的格式的代码:
    <EMBED src=(音乐地址) width=0 height=0 type=audio/realplay border="0" loop="10">
    
    3、音乐是wma的格式的代码:
    <EMBED src=(音乐地址) width=0 height=0 type=audio/x-pn-realaudio-plugin loop="true" controls="ControlPanel,StatusBar"></EMBED>
    
    4,隐藏的
    
    <EMBED src=(音乐地址) width=0 height=0 hidden=true type=audio/mpeg loop="-1"></DIV>
    5、背景音乐要求只播放一次的代码:
    
    echo '<bgsound loop="0" src="音乐地址" />';
    其中  loop="0" 就标识不循环 loop="5"表示循环5次 loop="-1" 表示一直循环
    
    
    
    (音乐地址)换成你要发的音乐地址就OK;
    
    发音画和音乐及所有代码帖时,记得要把下面发帖框右边的启用 Html 代码前空框里打上勾。-->
      </head>
     <body>
    
     </body>
     </html>
  • 相关阅读:
    GO 文档笔记
    GO 切片实力踩坑
    关于接口设计的一些反思
    Jenkins 发布.net core 程序,服务端无法下载nuget包的解决方法 error NU1102: 找不到版本为 (>= 3.1.6) 的包
    RabbitMQ 基础概念进阶
    RabbitMQ 入门之基础概念
    Object.entries()使用
    shadow的属性值介绍
    行内元素的特别之处
    margin的特别之处
  • 原文地址:https://www.cnblogs.com/wlx520/p/4522065.html
Copyright © 2011-2022 走看看