`
: `
`;
const newHtml = `
`;
const serviceLnbElement = document.getElementById('sidebar');
if (serviceLnbElement && !update) {
serviceLnbElement.insertAdjacentHTML('beforeend', newHtml);
}
const openList = document.body.querySelectorAll('.users-section.top .user:not(.show-more)').length;
try {
const [hiddenBjList, broadListResponse] = await Promise.all([getHiddenbjList(), fetchBroadList('https://live.sooplive.co.kr/api/main_broad_list_api.php?selectType=action&orderType=view_cnt&pageNo=1&lang=ko_KR')]);
HIDDEN_BJ_LIST.length = 0;
HIDDEN_BJ_LIST.push(...hiddenBjList);
const channels = broadListResponse.broad;
const usersSection = document.querySelector('.users-section.top');
let temp_html = '';
channels.forEach(channel => {
const isBlocked = blockedWords.some(word => channel.broad_title.toLowerCase().includes(word.toLowerCase())) ||
HIDDEN_BJ_LIST.includes(channel.user_id) || isCategoryBlocked(channel.broad_cate_no) || isUserBlocked(channel.user_id);
if (!isBlocked) {
const userElement = createUserElement(channel, 0, 0);
temp_html += userElement.outerHTML;
}
});
if (isChzzkTopChannelsEnabled) {
const chzzkTopChannelsData = await fetchBroadList('https://api.chzzk.naver.com/service/v1/lives?size=50&sortType=POPULAR');
const chzzkChannels = chzzkTopChannelsData.content.data;
chzzkChannels.forEach(channel => {
const userElement = createUserElementChzzk(channel, 0);
temp_html += userElement.outerHTML;
});
}
if (update) {
updateElementWithContent(usersSection, temp_html);
} else {
usersSection.insertAdjacentHTML('beforeend', temp_html);
}
desc_order('.users-section.top');
showMore('.users-section.top', 'toggleButton3', update ? openList : displayTop, displayTop);
makeThumbnailTooltip();
} catch (error) {
console.error("Error:", error);
}
};
const extractFollowUserIds = (response) => {
allFollowUserIds = response.data.map(item => item.user_id); // 모든 user_id를 추출하여 전역 배열에 저장
GM_setValue("allFollowUserIds", allFollowUserIds);
};
const insertFavoriteChannels = async (update) => {
let followingListSoop;
let followingListChzzk;
if (isChzzkFollowChannelsEnabled) {
[followingListSoop, followingListChzzk] = await Promise.all([fetchBroadList('https://myapi.sooplive.co.kr/api/favorite'), fetchBroadList('https://api.chzzk.naver.com/service/v1/channels/followings/live',3000)]);
} else {
followingListSoop = await fetchBroadList('https://myapi.sooplive.co.kr/api/favorite');
}
const isSooploggedIn = followingListSoop?.data;
const isChzzkloggedIn = followingListChzzk?.code === 200;
if (!isSooploggedIn && !isChzzkloggedIn) {
return;
}
if (isSooploggedIn){
extractFollowUserIds(followingListSoop);
}
const followIcon = IS_DARK_MODE ?
`
`
: `
`;
if (!update) {
const newHtml = `
`;
const serviceLnbElement = document.getElementById('sidebar');
serviceLnbElement?.insertAdjacentHTML('beforeend', newHtml);
}
const openList = document.body.querySelectorAll('.users-section.follow .user:not(.show-more)').length;
try {
let tempHtmlArray = [];
const usersSection = document.querySelector('.users-section.follow');
if (isSooploggedIn){
const feedData = await getStationFeed(); // 피드 데이터를 비동기적으로 가져옴
const feedUserIdSet = new Set(feedData.map(feedItem => feedItem.station_user_id));
tempHtmlArray = followingListSoop.data.reduce((acc, item) => {
const { is_live, user_id, broad_info } = item;
const is_mobile_push = isPinnedStreamWithNotificationEnabled === 1 ? item.is_mobile_push : "N";
const is_pin = isPinnedStreamWithPinEnabled === 1 ? item.is_pin : false;
if (is_live) { // 생방송 중
broad_info.forEach(channel => {
const userElement = createUserElement(channel, is_mobile_push, is_pin);
acc.push(userElement.outerHTML);
});
} else if (feedUserIdSet.has(user_id)) { // 비방 + 방송국 새 글
const feedItems = feedData.filter(feedItem => feedItem.station_user_id === user_id);
feedItems.forEach(feedItem => {
if (feedItem?.reg_timestamp && checkIfTimeover(feedItem.reg_timestamp)) {
return; // 타임오버된 경우 넘어감
}
const userElement = createUserElement_offline(item, feedItem);
acc.push(userElement.outerHTML);
});
} else if (is_pin && !isPinnedOnlineOnlyEnabled ) { // 비방 + 상단 고정 + 설정값
const userElement = createUserElement_offline(item, null);
acc.push(userElement.outerHTML);
}
return acc;
}, []);
}
if (isChzzkloggedIn){
// 기존의 tempHtmlArray에 추가하도록 변경
followingListChzzk?.content?.followingList.forEach(item => {
const is_mobile_push = isPinnedStreamWithNotificationEnabled === 1 ? (item?.channel?.personalData?.following?.notification === true ? "Y" : "N") : "N";
const userElement = createUserElementChzzk(item, is_mobile_push);
tempHtmlArray.push(userElement.outerHTML); // 기존 배열에 추가
});
}
if (update) {
updateElementWithContent(usersSection, tempHtmlArray.join(''));
} else {
usersSection.insertAdjacentHTML('beforeend', tempHtmlArray.join(''));
}
desc_order('.users-section.follow');
showMore('.users-section.follow', 'toggleButton2', update ? openList : displayFollow, displayFollow);
makeThumbnailTooltip();
} catch (error) {
console.error("Error in insertFavoriteChannels:", error);
}
}
const waitForNonEmptyArray = async () => {
const timeout = new Promise((resolve) =>
setTimeout(() => resolve([]), 3000) // 3초 후 빈 배열 반환
);
const checkArray = (async () => {
while (allFollowUserIds.length === 0) {
await new Promise((resolve) => setTimeout(resolve, 100)); // 100ms 대기
}
return allFollowUserIds;
})();
return Promise.race([timeout, checkArray]);
};
const insertMyplusChannels = async (update) => {
try {
const response = await fetchBroadList('https://live.sooplive.co.kr/api/myplus/preferbjLiveVodController.php?nInitCnt=6&szRelationType=C');
if (!response || typeof response !== 'object' || response.RESULT === -1 || !response.DATA) {
return;
}
const { DATA } = response;
const myplusIcon = IS_DARK_MODE ?
`
`
: `
`;
if (!update) {
const newHtml = `
⏱️ 00:00:00
📦 0 / 0
🍰 최신 조각: 0
🍰 마지막 저장: 0
`;
const blobURL = URL.createObjectURL(new Blob(
[html],
{ type: 'text/html;charset=UTF-8' }
));
window.open(blobURL, '_blank');
}, 'image/jpeg', 0.92);
};
// 2. 버튼 생성
const createButton = () => {
const btn = document.createElement('button');
btn.className = 'imageCapture';
btn.type = 'button';
btn.title = '비디오 스크린샷';
btn.addEventListener('click', () => {
try {
captureAndOpenBlob();
} catch (err) {
console.error('캡처 실패:', err);
}
});
return btn;
};
// 3. 버튼 삽입
const insertButton = () => {
const container = document.querySelector('#player .player_ctrlBox .ctrlBox .right_ctrl');
if (container && !container.querySelector('.imageCapture')) {
const btn = createButton();
container.insertBefore(btn, container.firstChild);
}
};
// 4. DOM 변화 감지 + 초기 실행
const observer = new MutationObserver(() => {
insertButton();
const container = document.querySelector('#player .player_ctrlBox .ctrlBox .right_ctrl');
if (container && container.querySelector('.imageCapture')) {
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
}
//=================================플레이어 페이지 함수 끝=================================//
//============================ VOD 페이지 함수 시작 ============================//
// 미디어 정보 확인 함수
const checkMediaInfo = async (mediaName) => {
if (mediaName !== 'original') { // 원본 화질로 설정되지 않은 경우
const player = await waitForElementAsync('#player');
player.className = 'video mouseover ctrl_output';
// 설정 버튼 클릭
const settingButton = await waitForElementAsync('#player > div.player_ctrlBox > div.ctrlBox > div.right_ctrl .setting_box > button.btn_setting');
settingButton.click();
// 화질 변경 리스트 대기
const settingList = await waitForElementAsync('#player > div.player_ctrlBox > div.ctrlBox > div.right_ctrl .setting_box.on .setting_list');
const spanElement = Array.from(settingList.querySelectorAll('span')).find(el => el.textContent.includes("화질 변경"));
const buttonElement = spanElement.closest('button');
buttonElement.click();
// 두 번째 설정 대기
const resolutionButton = await waitForElementAsync('#player > div.player_ctrlBox > div.ctrlBox > div.right_ctrl .setting_box .setting_list_subLayer ul > li:nth-child(2) > button');
resolutionButton.click();
resolutionButton.className = 'video';
}
};
const addStyleExpandVODChat = () => {
const style = `
.expandVODChat:not(.screen_mode,.fullScreen_mode) #serviceHeader,
.expandVODChat:not(.screen_mode,.fullScreen_mode) .broadcast_information,
.expandVODChat:not(.screen_mode,.fullScreen_mode) .section_selectTab,
.expandVODChat:not(.screen_mode,.fullScreen_mode) .wrapping.player_bottom{
display: none !important;
}
.expandVODChat:not(.screen_mode,.fullScreen_mode) #webplayer_contents {
margin: 0 auto !important;
min-height: 100vh !important;
}
`;
GM_addStyle(style);
}
const addStyleRemoveShadowsFromCatch = () => {
const style = `
.catch_webplayer_wrap .vod_player:after {
background-image: none !important;
}
`;
GM_addStyle(style);
}
//============================ VOD 페이지 함수 끝 ============================//
//============================ 메인 페이지 실행 ============================//
if (CURRENT_URL.startsWith("https://www.sooplive.co.kr")) {
GM_addStyle(CommonStyles);
GM_addStyle(mainPageCommonStyles);
if (isReplaceEmptyThumbnailEnabled) {
loadHlsScript();
}
if (isCustomSidebarEnabled) document.body.classList.add('customSidebar');
waitForElement('#serviceLnb', function (elementSelector, element) {
if (isCustomSidebarEnabled) makeTopNavbarAndSidebar("main");
runCommonFunctions();
});
removeUnwantedTags();
processStreamers();
return;
}
//============================ 플레이어 페이지 실행 ============================//
if (CURRENT_URL.startsWith("https://play.sooplive.co.kr")) {
const blankA = !!document.getElementById("bannedMessages");
const blankB = !!document.getElementById("targetUserMessages");
// Embed 페이지에서는 실행하지 않음
const pattern = /^https:\/\/play.sooplive.co.kr\/.*\/.*\/embed(\?.*)?$/;
if (pattern.test(CURRENT_URL) || CURRENT_URL.includes("vtype=chat") || blankA || blankB) {
return;
}
GM_addStyle(CommonStyles);
GM_addStyle(playerCommonStyles);
if (isCustomSidebarEnabled) document.body.classList.add('customSidebar');
if (isCustomSidebarEnabled) {
makeTopNavbarAndSidebar("player");
insertFoldButton();
if(showSidebarOnScreenMode && !showSidebarOnScreenModeAlways) {
showSidebarOnMouseOver();
}
}
if(isBottomChatEnabled) useBottomChat();
if(isMakePauseButtonEnabled) detectPlayerChangeAndAppendPauseButton();
if(isMakeSharpModeShortcutEnabled) toggleSharpModeShortcut();
if(isMakeLowLatencyShortcutEnabled) toggleLowLatencyShortcut();
if(isRemainingBufferTimeEnabled){
waitForElement('#livePlayer', function (elementSelector, element) {
insertRemainingBuffer(element);
});
}
if(isCaptureButtonEnabled){
makeCaptureButton();
}
if(isStreamDownloadEnabled){
createStreamDownloadButton_LivePage();
}
if(isAutoClaimGemEnabled){
setInterval(autoClaimGem, 30000);
}
if(isVideoSkipHandlerEnabled){
waitForElement('#livePlayer', function (elementSelector, element) {
window.addEventListener('keydown', videoSkipHandler);
});
}
registerVisibilityChangeHandler();
registerVisibilityChangeHandlerForQuality();
if (isNo1440pEnabled) {
downgradeFrom1440p();
}
checkPlayerPageHeaderAd();
if(!isOpenNewtabEnabled){
homePageCurrentTab();
}
if(isDocumentTitleUpdateEnabled){
setTimeout(updateTitleWithViewers, 10000);
setInterval(updateTitleWithViewers, 60000);
}
runCommonFunctions();
// LIVE 채팅창
waitForElement('#chat_area', function (elementSelector, element) {
observeChat(elementSelector,element);
});
if (isUnlockCopyPasteEnabled) {
waitForElement('#write_area', function (elementSelector, element) {
unlockCopyPaste();
});
}
if (isAlignNicknameRightEnabled) {
alignNicknameRight();
}
if (isAutoScreenModeEnabled) {
waitForElement('#livePlayer', function (elementSelector, element) {
if (!document.body.classList.contains('screen_mode')) {
document.body.querySelector('#player .btn_screen_mode').click();
}
});
}
if (ishideButtonsAboveChatInputEnabled) {
hideButtonsAboveChatInput();
}
if (isExpandLiveChatAreaEnabled) {
waitForElement('#chatting_area div.area_header > div.chat_title > ul', function (elementSelector, element) {
// MutationObserver 생성
const observer = new MutationObserver((mutationsList) => {
for (const mutation of mutationsList) {
if (mutation.type === 'attributes' && document.body.classList.contains('ratio169_mode')) {
// 클래스가 추가된 것을 감지했을 때 함수 실행
addStyleExpandLiveChat();
makeExpandChatButton(element, 'expandLiveChat');
toggleExpandChatShortcut();
updateBodyClass('expandLiveChat');
window.addEventListener('resize', debounce(() => updateBodyClass('expandLiveChat'), 500));
observer.disconnect(); // 더 이상 감시하지 않도록 종료
break;
}
}
});
// body의 클래스 속성 변화를 감시
observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
});
}
if (isShowDeletedMessagesEnabled || isShowSelectedMessagesEnabled) {
waitForElement(".chatting-item-wrap", function (elementSelector, element) {
setupChatMessageTrackers(element);
});
}
if (isNoAutoVODEnabled) {
disableAutoVOD();
}
if (isHideEsportsInfoEnabled) {
GM_addStyle(`
body:not(.screen_mode,.fullScreen_mode,.embeded_mode)
#webplayer #webplayer_contents #player_area
.broadcast_information.detail_open .esports_info {
display: none !important;
}
.broadcast_information .esports_info {
display: none !important;
}
`
);
}
return;
}
//============================ VOD 페이지 실행 ============================//
if (CURRENT_URL.startsWith("https://vod.sooplive.co.kr/player/")) {
const isBaseUrl = (url) => /https:\/\/vod\.sooplive\.co\.kr\/player\/\d+/.test(url) && !isCatchUrl(url);
const isCatchUrl = (url) => /https:\/\/vod\.sooplive\.co\.kr\/player\/\d+\/catch/.test(url) || /https:\/\/vod\.sooplive\.co\.kr\/player\/catch/.test(url);
// 다시보기 페이지
if (isBaseUrl(CURRENT_URL)) {
GM_addStyle(CommonStyles);
// vodCore 변수가 선언될 때까지 대기하는 함수
const waitForVodCore = () => {
const checkVodCore = setInterval(() => {
if (unsafeWindow.vodCore?.playerController?._currentMediaInfo?.name) {
clearInterval(checkVodCore); // setInterval 정지
checkMediaInfo(unsafeWindow.vodCore.playerController._currentMediaInfo.name); // vodCore 변수가 정의되면 미디어 정보 확인 함수 호출
}
}, 500); // 500ms 주기로 확인
};
if(isSelectBestQualityEnabled){
waitForVodCore();
}
if(isCaptureButtonEnabled){
makeCaptureButton();
}
// VOD 채팅창
waitForElement('#webplayer_contents', function (elementSelector, element) {
observeChat(elementSelector,element);
});
waitForElement('div.serviceUtil', function (elementSelector, element) {
addModalSettings();
manageRedDot();
});
if (isAlignNicknameRightEnabled) {
alignNicknameRight();
}
if (isExpandVODChatAreaEnabled) {
waitForElement('#chatting_area div.area_header > div.chat_title > ul', function (elementSelector, element) {
addStyleExpandVODChat();
makeExpandChatButton(element, 'expandVODChat');
toggleExpandChatShortcut();
updateBodyClass('expandVODChat');
window.addEventListener('resize', debounce(() => updateBodyClass('expandVODChat'), 500));
});
}
// 캐치 페이지
} else if (isCatchUrl(CURRENT_URL)) {
GM_addStyle(CommonStyles);
GM_addStyle(mainPageCommonStyles);
if (isCustomSidebarEnabled) document.body.classList.add('customSidebar');
waitForElement('#serviceLnb', function (elementSelector, element) {
if (isCustomSidebarEnabled) makeTopNavbarAndSidebar("main");
runCommonFunctions();
});
if (isRemoveShadowsFromCatchEnabled) addStyleRemoveShadowsFromCatch();
}
}
})();