×
侧折模式下留言显示设置：
`;
document.body.appendChild(sc_custom_modal_html);
let sc_custom_modal_html_fullscreen = document.createElement('div');
sc_custom_modal_html_fullscreen.id = 'sc_custom_config_div_fullscreen';
sc_custom_modal_html_fullscreen.className = 'sc_custom_config_modal';
sc_custom_modal_html_fullscreen.innerHTML = `
×
侧折模式下留言显示设置：
`;
$(live_player_div).append(sc_custom_modal_html_fullscreen);
function sc_close_custom_modal() {
$(document).find('.sc_custom_config_modal').hide();
}
$(document).on('click', '.sc_custom_close, .sc_custom_modal_btn', function() {
sc_close_custom_modal();
});
$(document).on('click', '#sc_custom_confirm_btn', function(e) {
let sc_custom_select_val = $(document).find('.sc_custom_radio_group input[name="sc_custom_option"]:checked').val();
if (sc_custom_select_val === '0') {
if (sc_side_fold_custom_first_class) { sc_trigger_item_side_fold_in($('.' + sc_side_fold_custom_first_class)); }
if (sc_side_fold_custom_first_timeout_id) { clearTimeout(sc_side_fold_custom_first_timeout_id); }
} else if (sc_custom_select_val === '1') {
if (sc_side_fold_custom_first_class) { sc_trigger_item_side_fold_out($('.' + sc_side_fold_custom_first_class)); }
if (sc_side_fold_custom_first_timeout_id) { clearTimeout(sc_side_fold_custom_first_timeout_id); }
} else if (sc_custom_select_val === '2') {
let sc_custom_config_time = $(document).find('#sc_custom_time_input').val();
sc_custom_config_time = parseInt(sc_custom_config_time, 10);
if (sc_custom_config_time >= 5 && sc_custom_config_time <= 150) {
sc_side_fold_custom_time = sc_custom_config_time;
} else {
if (sc_custom_config_time < 5) {
sc_side_fold_custom_time = 5;
} else if (sc_custom_config_time > 150) {
sc_side_fold_custom_time = 150;
} else {
sc_side_fold_custom_time = 10;
}
}
if (sc_side_fold_custom_first_class) {
sc_trigger_item_side_fold_out($('.' + sc_side_fold_custom_first_class));
sc_side_fold_custom_first_timeout_id = setTimeout(function() {
sc_trigger_item_side_fold_in($('.' + sc_side_fold_custom_first_class));
}, sc_side_fold_custom_time * 1000);
}
}
sc_side_fold_custom_config = parseInt(sc_custom_select_val, 10);
sc_side_fold_custom_config_store();
sc_close_custom_modal();
open_and_close_sc_modal('✓', '#A7C9D3', e);
});
$(document).on('click', '#sc_custom_confirm_btn_fullscreen', function(e) {
let sc_custom_select_val = $(document).find('.sc_custom_radio_group_fullscreen input[name="sc_custom_option_fullscreen"]:checked').val();
if (sc_custom_select_val === '0') {
if (sc_side_fold_custom_first_class) { sc_trigger_item_side_fold_in($('.' + sc_side_fold_custom_first_class)); }
if (sc_side_fold_custom_first_timeout_id) { clearTimeout(sc_side_fold_custom_first_timeout_id); }
} else if (sc_custom_select_val === '1') {
if (sc_side_fold_custom_first_class) { sc_trigger_item_side_fold_out($('.' + sc_side_fold_custom_first_class)); }
if (sc_side_fold_custom_first_timeout_id) { clearTimeout(sc_side_fold_custom_first_timeout_id); }
} else if (sc_custom_select_val === '2') {
let sc_custom_config_time = $(document).find('#sc_custom_time_input_fullscreen').val();
sc_custom_config_time = parseInt(sc_custom_config_time, 10);
if (sc_custom_config_time >= 5 && sc_custom_config_time <= 150) {
sc_side_fold_custom_time = sc_custom_config_time;
} else {
if (sc_custom_config_time < 5) {
sc_side_fold_custom_time = 5;
} else if (sc_custom_config_time > 150) {
sc_side_fold_custom_time = 150;
} else {
sc_side_fold_custom_time = 10;
}
}
if (sc_side_fold_custom_first_class) {
sc_trigger_item_side_fold_out($('.' + sc_side_fold_custom_first_class));
sc_side_fold_custom_first_timeout_id = setTimeout(function() {
sc_trigger_item_side_fold_in($('.' + sc_side_fold_custom_first_class));
}, sc_side_fold_custom_time * 1000);
}
}
sc_side_fold_custom_config = parseInt(sc_custom_select_val, 10);
sc_side_fold_custom_config_store();
sc_close_custom_modal();
open_and_close_sc_modal('✓', '#A7C9D3', e);
});
$(document).on('change', '.sc_custom_radio_group input[type="radio"], .sc_custom_radio_group_fullscreen input[type="radio"]', function () {
if ($(this).val() === '2') {
$(document).find('.sc_custom_input_div').show();
} else {
$(document).find('.sc_custom_input_div').hide();
}
});
// 创建一个自定义右键菜单
let sc_func_button1 = document.createElement('button');
sc_func_button1.className = 'sc_func_btn';
sc_func_button1.id = 'sc_func_show_btn';
sc_func_button1.innerHTML = '侧折模式下显示所有的按钮';
sc_func_button1.style.marginBottom = '2px';
let sc_func_button2 = document.createElement('button');
sc_func_button2.className = 'sc_func_btn';
sc_func_button2.id = 'sc_func_hide_btn';
sc_func_button2.innerHTML = '侧折模式下隐藏所有的按钮';
sc_func_button2.style.marginBottom = '2px';
let sc_func_button3 = document.createElement('button');
sc_func_button3.className = 'sc_func_btn';
sc_func_button3.id = 'sc_func_simple_btn';
sc_func_button3.innerHTML = '侧折模式下按钮的极简模式';
sc_func_button3.style.marginBottom = '2px';
let sc_func_button4 = document.createElement('button');
sc_func_button4.className = 'sc_func_btn';
sc_func_button4.id = 'sc_func_one_min_btn';
sc_func_button4.innerHTML = '侧折模式下只显示折叠按钮';
sc_func_button4.style.marginBottom = '2px';
let sc_func_button5 = document.createElement('button');
sc_func_button5.className = 'sc_func_btn';
sc_func_button5.id = 'sc_func_one_menu_btn';
sc_func_button5.innerHTML = '侧折模式下只显示菜单按钮';
sc_func_button5.style.marginBottom = '2px';
let sc_func_button6 = document.createElement('button');
sc_func_button6.className = 'sc_func_btn';
sc_func_button6.id = 'sc_func_first_sc_item_config_btn';
sc_func_button6.innerHTML = '侧折模式下留言显示自定义';
sc_func_button6.style.marginBottom = '2px';
let sc_func_button7 = document.createElement('button');
sc_func_button7.className = 'sc_func_btn';
sc_func_button7.id = 'sc_func_bottom_data_show_btn';
sc_func_button7.innerHTML = '右侧的弹幕发送框显示数据';
sc_func_button7.style.marginBottom = '2px';
let sc_func_button8 = document.createElement('button');
sc_func_button8.className = 'sc_func_btn';
sc_func_button8.id = 'sc_func_bottom_data_hide_btn';
sc_func_button8.innerHTML = '右侧的弹幕发送框隐藏数据';
sc_func_button8.style.marginBottom = '2px';
let sc_func_button9 = document.createElement('button');
sc_func_button9.className = 'sc_func_btn';
sc_func_button9.id = 'sc_func_panel_allow_drag_close_btn';
sc_func_button9.innerHTML = '锁定记录板即关闭拖拽功能';
sc_func_button9.style.marginBottom = '2px';
let sc_func_button10 = document.createElement('button');
sc_func_button10.className = 'sc_func_btn';
sc_func_button10.id = 'sc_func_panel_allow_drag_open_btn';
sc_func_button10.innerHTML = '解锁记录板即开放拖拽功能';
sc_func_button10.style.marginBottom = '2px';
let sc_func_button11 = document.createElement('button');
sc_func_button11.className = 'sc_func_btn';
sc_func_button11.id = 'sc_func_panel_switch_open_mode_btn';
sc_func_button11.innerHTML = '展开记录板即切换展开模式';
sc_func_button11.style.marginBottom = '2px';
let sc_func_br1 = document.createElement('br');
let sc_func_br2 = document.createElement('br');
let sc_func_br3 = document.createElement('br');
let sc_func_br4 = document.createElement('br');
let sc_func_br5 = document.createElement('br');
let sc_func_br6 = document.createElement('br');
let sc_func_br7 = document.createElement('br');
let sc_func_br8 = document.createElement('br');
let sc_func_br9 = document.createElement('br');
let sc_func_br10 = document.createElement('br');
let sc_func_context_menu = document.createElement('div');
sc_func_context_menu.id = 'sc_context_menu_func_body';
sc_func_context_menu.className = 'sc_ctx_func_menu';
sc_func_context_menu.style.position = 'fixed';
sc_func_context_menu.style.display = 'none';
sc_func_context_menu.style.backgroundColor = '#ffffff';
sc_func_context_menu.style.border = 0;
sc_func_context_menu.style.padding = '5px';
sc_func_context_menu.style.zIndex = 3333;
sc_func_context_menu.appendChild(sc_func_button1);
sc_func_context_menu.appendChild(sc_func_br1);
sc_func_context_menu.appendChild(sc_func_button2);
sc_func_context_menu.appendChild(sc_func_br2);
sc_func_context_menu.appendChild(sc_func_button3);
sc_func_context_menu.appendChild(sc_func_br3);
sc_func_context_menu.appendChild(sc_func_button4);
sc_func_context_menu.appendChild(sc_func_br4);
sc_func_context_menu.appendChild(sc_func_button5);
sc_func_context_menu.appendChild(sc_func_br5);
sc_func_context_menu.appendChild(sc_func_button6);
sc_func_context_menu.appendChild(sc_func_br6);
sc_func_context_menu.appendChild(sc_func_button7);
sc_func_context_menu.appendChild(sc_func_br7);
sc_func_context_menu.appendChild(sc_func_button8);
sc_func_context_menu.appendChild(sc_func_br8);
sc_func_context_menu.appendChild(sc_func_button9);
sc_func_context_menu.appendChild(sc_func_br9);
sc_func_context_menu.appendChild(sc_func_button10);
sc_func_context_menu.appendChild(sc_func_br10);
sc_func_context_menu.appendChild(sc_func_button11);
// 将功能的右键菜单添加到body中
document.body.appendChild(sc_func_context_menu);
let sc_func_context_menu_fullscreen = sc_func_context_menu.cloneNode(true);
sc_func_context_menu_fullscreen.id = 'sc_func_context_menu_fullscreen';
$(live_player_div).append(sc_func_context_menu_fullscreen);
$(document).on('click', '#sc_func_show_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_func_btn_mode = 0;
sc_func_btn_mode_store();
sc_btn_mode_apply();
sc_after_click_func_btn_apply(e.clientX);
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 侧折模式下显示所有的按钮✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_hide_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_func_btn_mode = 1;
sc_func_btn_mode_store();
sc_btn_mode_apply();
sc_after_click_func_btn_apply(e.clientX);
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 侧折模式下隐藏所有的按钮 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_simple_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_func_btn_mode = 2;
sc_func_btn_mode_store();
sc_btn_mode_apply();
sc_after_click_func_btn_apply(e.clientX);
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 侧折模式下按钮的极简模式 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_one_min_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_func_btn_mode = 3;
sc_func_btn_mode_store();
sc_btn_mode_apply();
sc_after_click_func_btn_apply(e.clientX);
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 侧折模式下只显示折叠按钮 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_one_menu_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_func_btn_mode = 4;
sc_func_btn_mode_store();
sc_btn_mode_apply();
sc_after_click_func_btn_apply(e.clientX);
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 侧折模式下只显示菜单按钮 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_first_sc_item_config_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
let sc_custom_config_div_id = 'sc_custom_config_div';
if (sc_isFullscreen) {
sc_custom_config_div_id = 'sc_custom_config_div_fullscreen';
}
$(document).find('#' + sc_custom_config_div_id).show();
$(this).parent().fadeOut();
});
$(document).on('click', '#sc_func_bottom_data_show_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
data_show_bottom_flag = true;
sc_data_show_bottom_store();
$(document).find('#sc_data_show_bottom_div').show();
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 右侧的弹幕发送框显示数据 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_bottom_data_hide_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
data_show_bottom_flag = false;
sc_data_show_bottom_store();
$(document).find('#sc_data_show_bottom_div').hide();
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 右侧的弹幕发送框隐藏数据 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_panel_allow_drag_close_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_panel_allow_drag_flag = false;
sc_panel_allow_drag_store();
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 锁定记录板即关闭拖拽功能 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_panel_allow_drag_open_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
sc_panel_allow_drag_flag = true;
sc_panel_allow_drag_store();
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 解锁记录板即开放拖拽功能 ✓', '#A7C9D3', e, 1);
});
$(document).on('click', '#sc_func_panel_switch_open_mode_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
$(document).find('.sc_long_buttons').show();
sc_rectangle_is_slide_down = false;
sc_foldback();
$(this).parent().fadeOut();
open_and_close_sc_modal('已设置 展开记录板即切换展开模式 ✓', '#A7C9D3', e, 1);
});
function sc_after_click_func_btn_apply(click_page_x) {
if (sc_panel_side_fold_flag) {
let sc_rectangle_model = document.getElementsByClassName('sc_long_rectangle');
let sc_rect_left = $(sc_rectangle_model).position().left;
if (click_page_x < sc_rect_left || click_page_x - sc_rect_left > 72) {
let sc_btn_model = document.getElementsByClassName('sc_long_buttons');
$(sc_btn_model).slideUp(500, () => {
sc_rectangle_is_slide_up = false;
});
if (!sc_panel_side_fold_simple) {
$(sc_rectangle_model).css('border-bottom', '');
}
}
if (!sc_panel_side_fold_simple && sc_func_btn_mode === 1) {
$(sc_rectangle_model).css('border-bottom', '');
}
}
}
// 创建一个自定义右键菜单
let sc_copy_button1 = document.createElement('button');
sc_copy_button1.className = 'sc_copy_btn';
sc_copy_button1.id = 'sc_copy_has_time_btn';
sc_copy_button1.innerHTML = '点击复制为图片(有时间)';
sc_copy_button1.style.marginBottom = '2px';
let sc_copy_button2 = document.createElement('button');
sc_copy_button2.className = 'sc_copy_btn';
sc_copy_button2.id = 'sc_copy_no_time_btn';
sc_copy_button2.innerHTML = '点击复制为图片(没时间)';
sc_copy_button2.style.marginBottom = '2px';
let sc_copy_button3 = document.createElement('button');
sc_copy_button3.className = 'sc_copy_btn';
sc_copy_button3.id = 'sc_copy_uname_color_btn';
sc_copy_button3.innerHTML = '点击复制为图片(名颜色)';
let sc_copy_br1 = document.createElement('br');
let sc_copy_br2 = document.createElement('br');
let sc_copy_context_menu = document.createElement('div');
sc_copy_context_menu.id = 'sc_context_menu_copy_body';
sc_copy_context_menu.className = 'sc_ctx_copy_menu';
sc_copy_context_menu.style.position = 'fixed';
sc_copy_context_menu.style.display = 'none';
sc_copy_context_menu.style.backgroundColor = '#ffffff';
sc_copy_context_menu.style.border = 0;
sc_copy_context_menu.style.padding = '5px';
sc_copy_context_menu.style.zIndex = 3333;
sc_copy_context_menu.appendChild(sc_copy_button1);
sc_copy_context_menu.appendChild(sc_copy_br1);
sc_copy_context_menu.appendChild(sc_copy_button2);
sc_copy_context_menu.appendChild(sc_copy_br2);
sc_copy_context_menu.appendChild(sc_copy_button3);
// 将复制的右键菜单添加到body中
document.body.appendChild(sc_copy_context_menu);
let sc_copy_context_menu_fullscreen = sc_copy_context_menu.cloneNode(true);
sc_copy_context_menu_fullscreen.id = 'sc_copy_context_menu_fullscreen';
$(live_player_div).append(sc_copy_context_menu_fullscreen);
$(document).on('mouseover', '.sc_copy_btn, .sc_func_btn', function() {
$(this).css('transform', 'translateX(-2px)');
setTimeout(function() {
$(document).find('.sc_copy_btn, .sc_func_btn').css('transform', 'translateY(0)');
}, 200);
})
$(document).on('click', '.sc_copy_btn', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
$(document).find('.sc_long_rectangle').css('cursor', 'progress');
function capture_gen_canvas(tmp_sc_item_div, current_sc_div) {
return new Promise((resolve, reject) => {
html2canvas(tmp_sc_item_div, {
useCORS: true,
allowTaint: true,
backgroundColor: null,
logging: false,
width: current_sc_div.clientWidth,
height: current_sc_div.clientHeight,
scale: 8 // 数值越大，分辨率越大，越清晰，至少4倍才比较清晰
}).then(canvas => {
resolve(canvas);
}).catch(error => {
reject(error);
});
});
}
let sc_copy_btn_id = $(this).attr('id');
$(this).parent().fadeOut(function() {
let current_sc_div = $(sc_copy_context_menu).data('current_sc_div');
if (sc_panel_side_fold_flag) {
$(current_sc_div).css('width', (sc_rectangle_width - 22) + 'px');
sc_side_fold_out_one($(current_sc_div));
if ($(current_sc_div).attr('data-fold') === '0') {
$(current_sc_div).css('height', $(current_sc_div).attr('data-height') + 'px');
}
}
let tmp_sc_item = $(current_sc_div).clone(); // 为了去掉animation的影响
tmp_sc_item.width(current_sc_div.clientWidth);
tmp_sc_item.height(current_sc_div.clientHeight);
tmp_sc_item.css('animation', '');
tmp_sc_item.find('.sc_font_color').css('color', '#000000');
if (sc_copy_btn_id === 'sc_copy_no_time_btn') {
tmp_sc_item.find('.sc_start_time').hide();
} else if (sc_copy_btn_id === 'sc_copy_uname_color_btn') {
tmp_sc_item.find('.sc_start_time').hide();
let this_sc_uname_data_color = tmp_sc_item.find('.sc_font_color').attr('data-color');
tmp_sc_item.find('.sc_font_color').css('color', this_sc_uname_data_color);
}
if (tmp_sc_item.find('.fans_medal_item').length) {
// 粉丝牌存在时，可以兼容名字过长的情况
tmp_sc_item.find('.sc_msg_head_left').css('width', '170px');
tmp_sc_item.find('.sc_uname_div').css('width', '225px');
tmp_sc_item.find('.sc_msg_head_right').css('height', '20px');
}
document.body.appendChild(tmp_sc_item[0]);
capture_gen_canvas(tmp_sc_item[0], current_sc_div).then(canvas => {
canvas.toBlob(blob => {
navigator.clipboard.write([
new ClipboardItem({'image/png': blob})
]).then(() => {
open_and_close_sc_modal('✓', '#A7C9D3', e);
}).catch(err => {
open_and_close_sc_modal('✗', 'red', e);
console.error('复制SC图片失败', err);
});
});
}).catch(error => {
console.error('处理html2canvas方法错误', error);
});
document.body.removeChild(tmp_sc_item[0]);
if (sc_panel_side_fold_flag) {
$(current_sc_div).css('width', '');
$(current_sc_div).css('height', '');
sc_side_fold_in_one($(current_sc_div));
}
});
});
let sc_context_copy_menu_timeout_id;
let sc_context_func_menu_timeout_id;
$(document).on('mouseleave', '.sc_ctx_copy_menu', function() {
sc_context_copy_menu_timeout_id = setTimeout(() => {
$(this).hide();
}, 1000);
});
$(document).on('mouseover', '.sc_ctx_copy_menu', function() {
clearTimeout(sc_context_copy_menu_timeout_id);
});
$(document).on('mouseleave', '.sc_ctx_func_menu', function() {
sc_context_func_menu_timeout_id = setTimeout(() => {
$(this).hide();
}, 1000);
});
$(document).on('mouseover', '.sc_ctx_func_menu', function() {
clearTimeout(sc_context_func_menu_timeout_id);
});
$(document).on('contextmenu', '.sc_long_item', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
// 存储当前右键的div
$(document).find('.sc_ctx_copy_menu').data('current_sc_div', this);
let the_sc_ctx_menu_id = 'sc_context_menu_copy_body';
if (sc_isFullscreen) {
the_sc_ctx_menu_id = 'sc_copy_context_menu_fullscreen';
}
if (unsafeWindow.innerWidth - e.clientX <= 200) {
e.clientX = unsafeWindow.innerWidth - 200;
}
if (unsafeWindow.innerHeight - e.clientY <= 100) {
e.clientY = unsafeWindow.innerHeight - 100;
}
$(document).find('#' + the_sc_ctx_menu_id).css('left', e.clientX + 'px');
$(document).find('#' + the_sc_ctx_menu_id).css('top', e.clientY + 'px');
$(document).find('#' + the_sc_ctx_menu_id).show();
clearTimeout(sc_context_copy_menu_timeout_id);
});
$(document).on('contextmenu', '.sc_data_show, .sc_long_buttons', function(e) {
e = e || unsafeWindow.event;
e.preventDefault();
let the_sc_ctx_menu_id = 'sc_context_menu_func_body';
if (sc_isFullscreen) {
the_sc_ctx_menu_id = 'sc_func_context_menu_fullscreen';
}
if (unsafeWindow.innerWidth - e.clientX <= 200) {
e.clientX = unsafeWindow.innerWidth - 200;
}
if (unsafeWindow.innerHeight - e.clientY <= 300) {
e.clientY = unsafeWindow.innerHeight - 300;
}
$(document).find('#' + the_sc_ctx_menu_id).css('left', e.clientX + 'px');
$(document).find('#' + the_sc_ctx_menu_id).css('top', e.clientY + 'px');
$(document).find('#' + the_sc_ctx_menu_id).show();
clearTimeout(sc_context_func_menu_timeout_id);
});
function open_and_close_sc_modal(show_str, show_color, e, mode = 0) {
$(document).find('.sc_long_rectangle').css('cursor', 'grab');
let sc_copy_modal = document.createElement('div');
sc_copy_modal.className = 'sc_cp_mod';
sc_copy_modal.style.position = 'fixed';
sc_copy_modal.style.display = 'none';
sc_copy_modal.style.color = show_color;
sc_copy_modal.style.textAlign = 'center';
sc_copy_modal.style.backgroundColor = '#ffffff';
sc_copy_modal.style.border = 0;
sc_copy_modal.style.boxShadow = '0 0 3px rgba(0, 0, 0, 0.3)';
sc_copy_modal.innerHTML = show_str;
sc_copy_modal.style.zIndex = 3333;
if (mode === 0) {
sc_copy_modal.style.width = '30px';
sc_copy_modal.style.height = '30px';
sc_copy_modal.style.lineHeight = '30px';
sc_copy_modal.style.borderRadius = '50%';
sc_copy_modal.style.left = e.clientX + 10 + 'px';
sc_copy_modal.style.top = e.clientY - 10 + 'px';
} else {
sc_copy_modal.style.borderRadius = '10px';
sc_copy_modal.style.padding = '10px';
sc_copy_modal.style.left = e.target.getBoundingClientRect().left + 10 + 'px';
sc_copy_modal.style.top = e.target.getBoundingClientRect().top - 30 + 'px';
}
if (sc_isFullscreen) {
$(live_player_div).append(sc_copy_modal);
} else {
document.body.appendChild(sc_copy_modal);
}
// 显示模态框
sc_copy_modal.style.display = 'block';
// 在一定时间后关闭并删除模态框
setTimeout(() => {
close_and_remove_sc_modal();
}, 1500);
}
function close_and_remove_sc_modal() {
// 关闭模态框
$(document).find('.sc_cp_mod').hide();
// 从 body 中移除模态框
$(document).find('.sc_cp_mod').remove();
}
function sc_fetch_and_show() {
// 抓取SC
fetch(sc_url).then(response => {
return response.json();
}).then(ret => {
let sc_catch = [];
if (ret.code === 0) {
// 高能数
high_energy_num = ret.data.room_rank_info.user_rank_entry.user_contribution_rank_entry?.count || 0;
// 舰长数
let captain_num = ret.data.guard_info.count;
$(document).find('.sc_captain_num_right').text(captain_num);
sc_live_room_title = ret.data.anchor_info.base_info.uname + '_' + ret.data.room_info.title;
sc_catch = ret.data.super_chat_info.message_list;
}
// 追加到localstorage 和 SC显示板
let sc_localstorage = [];
let sc_sid_localstorage = [];
let diff_arr_new_sc = [];
let sc_add_arr = [];
let sc_localstorage_json = unsafeWindow.localStorage.getItem(sc_localstorage_key);
if (sc_localstorage_json === null || sc_localstorage_json === 'null' || sc_localstorage_json === '[]' || sc_localstorage_json === '') {
diff_arr_new_sc = sc_catch;
} else {
sc_localstorage = JSON.parse(sc_localstorage_json);
sc_sid_localstorage = JSON.parse(unsafeWindow.localStorage.getItem(sc_sid_localstorage_key));
diff_arr_new_sc = sc_catch.filter(v => {
let sid = String(v.id) + '_' + String(v.uid) + '_' + String(v.price);
return !sc_sid_localstorage.includes(sid);
});
}
diff_arr_new_sc = diff_arr_new_sc.sort((a, b) => a.start_time - b.start_time);
if (sc_isListEmpty) {
// 一开始进入
sc_add_arr = sc_localstorage.concat(diff_arr_new_sc);
} else {
// 实时
sc_add_arr = diff_arr_new_sc;
}
if (sc_add_arr.length) {
for (let i = 0; i < sc_add_arr.length; i++){
// 追加到SC显示板
update_sc_item(sc_add_arr[i]);
}
// 追加到localstorage（存储就不用GM_setValue了，直接localstorage，控制台就可以看到）
if (diff_arr_new_sc.length) {
// 加入记录组
check_and_join_live_sc_room();
for (let d = 0; d < diff_arr_new_sc.length; d++) {
sc_localstorage.push(diff_arr_new_sc[d]);
sc_sid_localstorage.push(String(diff_arr_new_sc[d]["id"]) + '_' + String(diff_arr_new_sc[d]["uid"]) + '_' + String(diff_arr_new_sc[d]["price"]));
}
// 保存/更新sc_keep_time （最后sc的时间戳）
unsafeWindow.localStorage.setItem(sc_keep_time_key, (new Date()).getTime());
// 追加存储
unsafeWindow.localStorage.setItem(sc_localstorage_key, JSON.stringify(sc_localstorage));
unsafeWindow.localStorage.setItem(sc_sid_localstorage_key, JSON.stringify(sc_sid_localstorage));
}
sc_isListEmpty = false;
}
}).catch(error => {
sc_catch_log('请求api失败！抓取已存在的SC失败！请刷新页面来解决~');
let sc_localstorage_json = unsafeWindow.localStorage.getItem(sc_localstorage_key);
if (sc_localstorage_json !== null && sc_localstorage_json !== 'null' && sc_localstorage_json !== '[]' && sc_localstorage_json !== '') {
if (sc_isListEmpty) {
let sc_localstorage = JSON.parse(sc_localstorage_json);
if (sc_localstorage.length) {
for (let r = 0; r < sc_localstorage.length; r++){
// 追加到SC显示板
update_sc_item(sc_localstorage[r]);
}
sc_isListEmpty = false;
}
}
}
});
}
sc_switch_css();
sc_memory_show();
check_and_clear_all_sc_store();
sc_fetch_and_show();
}
function getTimestampConversion(timestamp) {
let timeStamp;
let timeStampLen = timestamp.toString().length;
if (timeStampLen === 10) {
timeStamp = timestamp * 1000
} else if (timeStampLen === 13) {
timeStamp = timestamp
} else {
timeStamp = timestamp
}
let date = new Date(timeStamp); // 时间戳为10位需*1000，时间戳为13位的话不需乘1000
let Y = (date.getFullYear() + '-');
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = (date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ');
let h = (date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':');
let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':');
let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
return Y + M + D + h + m + s;
}
function getTimestampDiff(timestamp) {
let timeStamp;
let timeStampLen = timestamp.toString().length;
if (timeStampLen === 10) {
timeStamp = timestamp * 1000
} else if (timeStampLen === 13) {
timeStamp = timestamp
} else {
timeStamp = timestamp
}
let nowTime = (new Date()).getTime();
let timeDiffValue = nowTime - timeStamp;;
let resultStr = '';
if (timeDiffValue < 0) {
return resultStr;
}
var dayDiff = timeDiffValue / (1000 * 60 * 60 * 24);
var hourDiff = timeDiffValue / (1000 * 60 * 60);
var minDiff = timeDiffValue / (1000 * 60);
if (dayDiff >= 1) {
resultStr = '' + parseInt(dayDiff) + '天前';
} else if (hourDiff >= 1) {
resultStr = '' + parseInt(hourDiff) + '小时前';
} else if (minDiff >= 1) {
resultStr = '' + parseInt(minDiff) + '分钟前';
} else {
resultStr = '刚刚';
}
return resultStr;
}
// 更新每条SC距离当前时间
function updateTimestampDiff() {
let sc_timestamp_item = $(document).find('.sc_start_timestamp');
sc_timestamp_item.each(function() {
let new_timestamp_diff = getTimestampDiff($(this).html());
$(this).prev().html(new_timestamp_diff);
});
}
function check_and_join_live_sc_room() {
if (!sc_keep_time_flag) {
sc_keep_time_flag = 1;
// 加入记录组
let live_sc_rooms_json = unsafeWindow.localStorage.getItem('live_sc_rooms');
if (live_sc_rooms_json === null || live_sc_rooms_json === 'null' || live_sc_rooms_json === '[]' || live_sc_rooms_json === '') {
unsafeWindow.localStorage.setItem('live_sc_rooms', JSON.stringify([room_id]));
} else {
let live_sc_rooms = JSON.parse(live_sc_rooms_json);
live_sc_rooms.push(room_id);
unsafeWindow.localStorage.setItem('live_sc_rooms', JSON.stringify(live_sc_rooms));
}
}
}
// 检查全记的状态
function check_all_memory_status() {
// 只有当前的记忆模式是全记时才检查
if (sc_memory === 3) {
let sc_btn_memory = $(document).find('.sc_button_memory');
let sc_memory_all_rooms_mode = unsafeWindow.localStorage.getItem('live_sc_memory_all_rooms_mode');
if (sc_memory_all_rooms_mode !== null && sc_memory_all_rooms_mode !== 'null' && sc_memory_all_rooms_mode !== '') {
if (parseInt(sc_memory_all_rooms_mode, 10) !== 3) {
sc_memory = 0;
sc_btn_memory.text('没记');
}
} else {
sc_memory = 0;
sc_btn_memory.text('没记');
}
}
}
function sc_custom_config_apply(new_sc_side_fold_custom_first_class) {
if (sc_panel_side_fold_flag) {
if (sc_side_fold_custom_config === 1) {
// 第一个SC保持展开
if (sc_side_fold_custom_first_class) {
sc_trigger_item_side_fold_in($('.' + sc_side_fold_custom_first_class));
}
sc_trigger_item_side_fold_out($('.' + new_sc_side_fold_custom_first_class));
} else if (sc_side_fold_custom_config === 2) {
// 第一个SC展开时间自定义
if (sc_side_fold_custom_first_class) {
sc_trigger_item_side_fold_in($('.' + sc_side_fold_custom_first_class));
}
if (sc_side_fold_custom_first_timeout_id) {
clearTimeout(sc_side_fold_custom_first_timeout_id);
}
sc_trigger_item_side_fold_out($('.' + new_sc_side_fold_custom_first_class));
sc_side_fold_custom_first_timeout_id = setTimeout(function() {
sc_trigger_item_side_fold_in($('.' + new_sc_side_fold_custom_first_class));
}, sc_side_fold_custom_time * 1000);
}
}
}
function update_sc_item(sc_data) {
// 追加SC 显示
let sc_background_bottom_color = sc_data["background_bottom_color"];
let sc_background_image = sc_data["background_image"];
let sc_background_color = sc_data["background_color"];
let sc_uid = sc_data["uid"];
let sc_user_info_face = sc_data["user_info"]["face"];
let sc_user_info_face_frame = sc_data["user_info"]["face_frame"];
let sc_user_info_uname = sc_data["user_info"]["uname"];
let sc_price = sc_data["price"];
let sc_message = sc_data["message"];
let sc_start_timestamp = sc_data["start_time"];
let sc_medal_flag = false;
let sc_medal_color = '';
let sc_medal_name = '';
let sc_medal_level = 0;
if (sc_data["medal_info"] && sc_data["medal_info"]["anchor_roomid"]) {
sc_medal_flag = true;
sc_medal_color = sc_data["medal_info"]["medal_color"];
sc_medal_name = sc_data["medal_info"]["medal_name"];
sc_medal_level = sc_data["medal_info"]["medal_level"];
}
let sc_background_image_html = '';
if (sc_background_image !== '') {
sc_background_image_html = 'background-image: url('+ sc_background_image +');';
}
let sc_font_color = '#666666';
let sc_font_color_data = sc_data["user_info"]["name_color"] ?? '#666666';
let sc_start_time = getTimestampConversion(sc_start_timestamp);
let sc_diff_time = getTimestampDiff(sc_start_timestamp);
let sc_user_info_face_img = '