Jquery 从特定点播放音乐

Jquery 从特定点播放音乐,jquery,html,jquery-cookie,background-music,Jquery,Html,Jquery Cookie,Background Music,可以在网站上设置一些背景音乐的开始时间吗?我的代码如下 //Head <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="js/jquery.cookie.js"></script> <script> $(function() { var bgMusic = $(

可以在网站上设置一些背景音乐的开始时间吗?我的代码如下

//Head
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script>
    $(function() {
        var bgMusic = $('#audio-bg')[0],
            playing = true;
        var $volume_btn = $('#toggle');

        bgMusic.addEventListener('ended', function() {
            this.currentTime = 10;
            if (playing) {
                this.play();
            }
        }, false);

        var cookieValue = $.cookie("forcemute");

        if(cookieValue == undefined){
            bgMusic.play();
        }
        else{
            playing = false;
            $volume_btn.css({backgroundPosition: '0 -21px'});
        }

        $volume_btn.click(function() {
            if (!bgMusic.paused) {
                bgMusic.pause();
                playing = false;
                $(this).css({backgroundPosition: '0 -21px'})

                $.cookie("forcemute", 1);
            } else {
                bgMusic.play();
                playing = true;
                $(this).css({backgroundPosition: '0 0'})

                $.removeCookie("forcemute");
            }
        });
    });
</script>

//Body
<audio id="audio-bg">
                <source src="music/Something_for_Nothing_OST_-_Close_darkness_The.mp3">Update your browser for playing music</source>
            </audio>
            <a id="toggle" class="volume-icon" href="javascript:"></a>
//头
$(函数(){
var bgMusic=$('#音频bg')[0],
玩=真;
变量$volume_btn=$(“#切换”);
bgMusic.addEventListener('end',function(){
这个.currentTime=10;
如果(玩){
这个。play();
}
},假);
var cookieValue=$.cookie(“强制静音”);
如果(cookieValue==未定义){
音乐。播放();
}
否则{
玩=假;
$volume_btn.css({backgroundPosition:'0-21px'});
}
$volume\u btn.单击(函数(){
如果(!bgMusic.paused){
bg音乐暂停();
玩=假;
$(this.css({backgroundPosition:'0-21px'})
$.cookie(“强制静音”,1);
}否则{
音乐。播放();
玩=真;
$(this.css({backgroundPosition:'0'})
$.removeCookie(“强制静音”);
}
});
});
//身体
是否可以使用音乐的当前时间设置cookie,并在“更改/刷新”页面上继续播放cookie中的音乐

例如,我会加载我的站点,音乐播放15秒,然后再切换到站点中的另一个页面。我可以从上一页的cookie中获取一个值,然后从那时开始继续播放,而不是从一开始就播放音乐吗

也许有什么方法可以获取音乐的当前时间,然后从该时间点开始播放?

我找到了一个解决方案

我可以每2000ms更新cookie变量,并检查cookieStartTime是否已设置,然后继续播放音乐或从头开始

下面是我的完整代码

$(function() {
        var bgMusic = $('#audio-bg')[0],
            playing = true;
        var $volume_btn = $('#toggle');
        var cookieMute = $.cookie("forcemute");
        var cookieStartTime = $.cookie("time");

        bgMusic.addEventListener('ended', function() {
            this.currentTime = 0;
            if (playing) {
                this.play();
            }
        }, false);

        setInterval(function() {
            $.cookie('time', bgMusic.currentTime);
        }, 2000);

        if(cookieStartTime == undefined){
            $('audio').bind('canplay', function(){
                $(this)[0].currentTime = 0;
            });
        }
        else {
            $('audio').bind('canplay', function(){
                $(this)[0].currentTime = cookieStartTime;
            });
        }

        if(cookieMute == undefined){
            bgMusic.play();
        }
        else {
            playing = false;
            $volume_btn.css({backgroundPosition: '0 -20px'});
        }

        $volume_btn.click(function() {
            if (!bgMusic.paused) {
                bgMusic.pause();
                playing = false;
                $(this).css({backgroundPosition: '0 -20px'})
                $.cookie("forcemute", 1);
            } else {
                bgMusic.play();
                playing = true;
                $(this).css({backgroundPosition: '0 -2px'})

                $.removeCookie("forcemute");
            }
        });
    });

从你可能潜藏进去并考虑设置“CurrimTimes”,但也许有办法得到当前的音乐时间:currentTime:当前播放时间,以秒为单位。设置此值将使媒体适应新的时间。