关于网页背景音乐
成功志
关于网页背景音乐
2012-11-20 ok12

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>

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容