关于网页背景音乐

1、最基础原始的网页背景音乐设置

        <bgsound src="http://www.ok12.net/ku.wav" loop="-1">

 

2、自动播放的网页背景音乐

         <script>
//写cookies函数
function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值
{
    var Time = 2; //此 cookie 将被保存分钟
    var exp = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Time*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函数
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;
}
function delCookie(name)//删除cookie
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//SetCookie ("kingM", "1")
//alert(getCookie('kingM'));
var getking=getCookie('kingM')
var player = new ActiveXObject("MediaPlayer.MediaPlayer");
var src="http://www.ok12.net/ku.wav";
function play(){
player.Open(src);
}
function stop(){
player.Stop();
}
function pause(){
player.Pause();
}

if(getking!="1"){
play();
SetCookie ("kingM", "1");
};
delCookie("kingM");

</script>

 

3、点击后播放背景音乐

<html>
<head>
<title>点击后播放方式</title>
</head>
<body>
<div id="div1"></div>
<input type="button" value="立即" onclick="play_click(this,'http://www.ok12.net/ku.wav');">
<div id="div2"></div>
<script language="javascript">
function play_click(sef,url){
    var div = document.getElementById('div1');
    div.innerHTML = '<embed src="'+url+'" loop="0" autostart="true" hidden="true"></embed>';
    var emb = document.getElementsByTagName('EMBED')[0];
    if (emb) {
 /* 这里可以写成一个判断 wav 文件是否已加载完毕,以下采用setTimeout模拟一下 */
        div = document.getElementById('div2');
        div.innerHTML = 'loading: '+emb.src;
        //sef.disabled = true;
        setTimeout(function(){div.innerHTML='';},1000);
    }
}
</script>
</body>
</html>

本博客所有文章如无特别注明均为原创。作者:sysdee复制或转载请以超链接形式注明转自 成功志
原文地址《关于网页背景音乐
分享到:更多

相关推荐

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)