如何将背景音乐添加到带音频切换的网页？

Question

我正在使用bootstrap来构建我的网站，我想添加一些耀斑。我在这里读过一些东西，但找不到我想要的东西。

1. glyphicon-volume-up-right to navbar-header。
2. 音乐自动播放一旦访问过网站
3. 音量默认为50％
4. 在glyphicon-volume-off / glyphicon-volume-up（取消静音和静音）之间切换

Answer 1

您应该使用HTML音频标记

var sidebarFloat = $('.sidebar').css('float');
$('.sidebar').hover(function() {
    sidebarFloat = $(this).css('float');

    if (sidebarFloat == 'right') {
        $(this).stop().animate({
            left: "0px"
        }, 500)
    } else if (sidebarFloat == 'left') {
        $(this).stop().animate({
            left: "0px"
        }, 500)
    }
}, function() {
    var width = $(this).width() - 10;
    if (sidebarFloat == 'right') {
        $(this).stop().animate({
            left: +width
        }, 500);

    } else if (sidebarFloat == 'left') {
        $(this).stop().animate({
            left: -width
        }, 500);
    }
});

你可以尝试here。当您转到链接并刷新时，添加我上面的自动播放。

注意：您也可以使用CSS隐藏音频播放器，并使用您自己的按钮隐藏write custom javascript to control the audio。