js 网页 背景音乐 随机播放 可以点击按钮控制播放与否。怎么实现？

Question

js 网页 背景音乐 随机播放 可以点击按钮控制播放与否。 怎么实现啊啊？ 最好浏览器兼容。

Answer 1

可以参考一下我的百度js应用六子棋： http://app.baidu.com/app/enter?appid=139061为了浏览器兼容, 可以用<bgsound>和<embed>, 如        if (navigator.appName == "Microsoft internet Explorer") { // IE
            sound.innerHTML = '<bgsound src="sound/Bach.mid" loop="1">';
        } else { // 非IE
            sound.innerHTML = '<embed src="sound/Bach.mid" hidden="true" border="0" width="0" height="2" autostart="true" loop="true">';
        }src属性可以用js改变. 点击按钮控制播放与否, 可以用<embed>本身的控件. 也可以通过js改变某个元素的value或title的值来实现. 如:     if (o.title == '播放背景音乐') {
        if (navigator.appName == "Microsoft internet Explorer") {
            sound.innerHTML = '<bgsound src="sound/Bach.mid" loop="1">';
        } else {
            sound.innerHTML = '<embed src="sound/Bach.mid" hidden="true" border="0" width="0" height="2" autostart="true" loop="true">';
        }
        o.title = '停止背景音乐';
        o.src = 'image/sound.png';
    } else {
        sound.innerHTML = '';
        o.title = '播放背景音乐';
        o.src = 'image/sound_mute.png';
    }如果只考虑支持HTML5的浏览器, 可以用<audio>.

Answer 2

找个flash插入器好了，比如JWPlayer之类的