hexo-theme-amazing/source/js/music.js

A simple, delicate, and modern theme for Hexo

// author by removef
// https://removeif.github.io/
// 音乐处理
var lastIndex;
var musicJsons;
$.getJSON("../json_data/music.json", function (data) {
    musicJsons = data;
    for (var i = 0; i < musicJsons.length; i++) {
        musicJsons[i].loop = false;
        var $li = $('<li><span>' + musicJsons[i].title + '</span>&nbsp;&nbsp;&nbsp;&nbsp;时长：' + musicJsons[i].time + '&nbsp;&nbsp;&nbsp;&nbsp; 歌手：' + musicJsons[i].author + '</li>');
        $li.attr('id', i);
        $li.css('list-style-type', 'none');
        $li.css('height', '40px');
        $li.css('color', '#888888');
        $li.click(function (event) {
            var id = Number(this.id);
            playMusic(musicJsons[id]);
            $('#musiclist #' + lastIndex).css('color', '#888888');
            $(this).css('color', '#3273dc');
            lastIndex = id;
            mePlayerMethod.play();
        });
        var $musiclist = $('#musiclist');
        $musiclist.append($li);
    }

    var index = Math.floor(Math.random() * musicJsons.length);
    $('#musiclist #' + index).css('color', '#3273dc');
    lastIndex = index;
    playMusic(musicJsons[index]);
});

function playMusic(data, playendcallback) {
    mePlayer({
        theme: 'default',
        music: data,
        target: '.music',
        autoplay: false
    }, function () {
        var index;
        index = lastIndex + 1;
        if (index >= musicJsons.length) {
            index = 0;
        }
        playMusic(musicJsons[index]);
        $('#musiclist #' + lastIndex).css('color', '#888888');
        $('#musiclist #' + index).css('color', '#3273dc');
        lastIndex = index;
        mePlayerMethod.play();
    });
    var descr = data.desc;
    if (descr == undefined) {
        $('#desc').html("");
    } else {
        $('#desc').html("<blockquote>" + descr + "</blockquote>");
    }
}

// 视频处理
var lastVideoIndex;
$.getJSON("../json_data/video.json", function (data) {
    $('#video-list').append("");
    for (var i = 0; i < data.length; i++) {
        var $li = $("<blockquote>"+(i+1)+"." + data[i].desc + "</blockquote>");
        $li.attr('id', i);
        $li.click(function (event) {
            var id = Number(this.id);
            playVideo(data[id],id);
            $('#video-list #' + lastVideoIndex).css('color', '#888888');
            lastVideoIndex = id;
        });
        $('#video-list').append($li);
    }

});

function playVideo(data,id) {
    new DPlayer({
        container: document.getElementById('dplayer'),
        autoplay: true,
        theme: '#42b983',
        loop: 'false' === 'true',
        lang: 'zh-CN' === 'zh-CN' ? 'zh-cn' : 'en',
        preload: 'none',
        volume: Number('0.7'),
        video: {
            url: data['url'],
            pic: '',
            thumbnails: ''
        }
    });
    $('#video-list #' + lastIndex).css('color', '#888888');
    $('#video-list #' + id).css('color', '#3273dc');
}