`;
if(IS_DARK_MODE){
topIcon = `
`;
}
if(!update){
const newHtml = `
`;
if(IS_DARK_MODE){
followIcon = `
`;
}
if(!update){
const newHtml = `
`;
if(IS_DARK_MODE){
myplusIcon = `
`;
}
if(!update){
const newHtml = `
${getElapsedTime(broadcastStartTimeText, "HH:MM:SS")}
`; } setInterval(updateElapsedTime, 1000); } function insertRemainingBuffer(element){ const video = element; const empty_chat = document.body.querySelector('#empty_chat'); function getRemainingBufferTime(){ const buffered = video.buffered; if (buffered.length > 0) { let remainingBufferTime = buffered.end(buffered.length - 1) - video.currentTime; remainingBufferTime = remainingBufferTime.toFixed(1); remainingBufferTime = parseFloat(remainingBufferTime); remainingBufferTime = remainingBufferTime % 1 === 0 ? remainingBufferTime.toFixed(1) : remainingBufferTime; return remainingBufferTime; } } // video의 onprogress 이벤트 핸들러 video.onprogress = function() { // 남은 버퍼 시간 가져오기 let remainingBufferTime = getRemainingBufferTime(); if (empty_chat) { empty_chat.innerText = `${remainingBufferTime}s 지연됨`; } }; } // 타이머 식별자를 함수 외부에서 선언합니다. let timerId_m; function handleMuteByVisibility() { const button = document.body.querySelector("#btn_sound"); if (document.hidden) { // 탭이 비활성화됨 timerId_m = setTimeout(function(){ if (!button.classList.contains("mute")) { button.click(); //console.log("탭이 비활성화됨, 음소거"); } },1000); } else { // 탭이 활성화됨 if (typeof timerId_m !== 'undefined') { clearTimeout(timerId_m); } if (button.classList.contains("mute")) { button.click(); //console.log("탭이 활성화됨, 음소거 해제"); } } } function isVideoInPiPMode() { // 현재 비디오 요소 가져오기 const videoElement = document.body.querySelector('video'); // 비디오 요소가 존재하고, PiP 모드인지 확인 if (videoElement !== null && document.pictureInPictureElement === videoElement) { return true; } else { return false; } } function registerVisibilityChangeHandler() { document.addEventListener('visibilitychange', () => { if(!isVideoInPiPMode()){ if(isAutoChangeMuteEnabled) handleMuteByVisibility(); } }, true); } function appendPauseButton() { try { let intervalId; let elapsedTime = 0; const checkInterval = 250; function checkLiveViewStatus() { const closeStreamButton = document.body.querySelector("#closeStream"); const playerDiv = document.body.querySelector("#player"); const isPlayerPresent = playerDiv !== null; const isMouseoverClass = isPlayerPresent && playerDiv.classList.contains("mouseover"); const isTimeover = isPlayerPresent && (elapsedTime > 30); if (closeStreamButton) { closeStreamButton.remove(); } if ((!closeStreamButton && isMouseoverClass) || isTimeover) { clearInterval(intervalId); // 조건이 충족되면 interval 클리어 waitForElement('button#time_shift_play', function (elementSelector, element) { const displayStyle = window.getComputedStyle(element).getPropertyValue("display"); if (displayStyle === 'none') { // Time Shift 기능이 비활성화된 경우 const ctrlDiv = document.body.querySelector('div.ctrl'); const newCloseStreamButton = document.createElement("button"); newCloseStreamButton.setAttribute("type", "button"); newCloseStreamButton.setAttribute("id", "closeStream"); newCloseStreamButton.setAttribute("class", "pause on"); const tooltipDiv = document.createElement("div"); tooltipDiv.setAttribute("class", "tooltip"); const spanElement = document.createElement("span"); spanElement.textContent = "일시정지"; const emElement = document.createElement("em"); tooltipDiv.appendChild(spanElement); tooltipDiv.appendChild(emElement); newCloseStreamButton.appendChild(tooltipDiv); ctrlDiv.insertBefore(newCloseStreamButton, ctrlDiv.firstChild); newCloseStreamButton.addEventListener("click", function(e) { e.preventDefault(); try { if (newCloseStreamButton.classList.contains("on")) { // livePlayer 변수가 정의되어 있어야 합니다. livePlayer.closeStreamConnector(); newCloseStreamButton.classList.remove("on", "pause"); newCloseStreamButton.classList.add("off", "play"); spanElement.textContent = "재생"; } else { // livePlayer 변수가 정의되어 있어야 합니다. livePlayer._startBroad(); newCloseStreamButton.classList.remove("off", "play"); newCloseStreamButton.classList.add("on", "pause"); spanElement.textContent = "일시정지"; } } catch (error) { console.log(error); } }); } }); } // elapsedTime 증가 elapsedTime += checkInterval / 1000; // checkInterval을 초 단위로 변환하여 증가 } // setInterval을 사용해 일정 간격으로 체크 intervalId = setInterval(checkLiveViewStatus, checkInterval); } catch (error) { console.error(error); } } function detectPlayerChangeAndAppendPauseButton(){ function updateHrefIfMismatch() { // 현재 페이지의 URL에서 data-bj_id에 해당하는 부분을 추출 const currentUrl = window.location.href; const urlBjId = currentUrl.split('/')[3]; // 'https://play.sooplive.co.kr/${data-bj_id}/345345345'에서 data-bj_id 부분을 추출 // 하위 요소의 a 태그를 선택 const anchorTag = document.body.querySelector('#bjThumbnail > a'); const anchorHref = anchorTag.getAttribute('href'); const anchorurlBjId = anchorHref.split('/')[3]; // 'https://play.sooplive.co.kr/${data-bj_id}/345345345'에서 data-bj_id 부분을 추출 // href가 다를 경우 하위 a 태그의 href를 상위 href로 대체 if (urlBjId !== anchorurlBjId) { anchorTag.setAttribute('href', `https://ch.sooplive.co.kr/${urlBjId}`); } } function updateBjIdIfMismatch() { // 현재 페이지의 URL에서 data-bj_id에 해당하는 부분을 추출 const currentUrl = window.location.href; const urlBjId = currentUrl.split('/')[3]; // 'https://play.sooplive.co.kr/${data-bj_id}/345345345'에서 data-bj_id 부분을 추출 // #infoNickName 요소의 data-bj_id 값을 가져옴 const infoNickName = document.querySelector('#infoNickName'); const dataBjId = infoNickName.getAttribute('data-bj_id'); // data-bj_id 값이 URL에서 추출한 값과 다를 경우 대체 if (dataBjId !== urlBjId) { infoNickName.setAttribute('data-bj_id', urlBjId); } } appendPauseButton(); // 대상 요소를 선택합니다. const targetNode = document.body.querySelector('#infoNickName'); // 변화를 감지할 MutationObserver를 생성합니다. const observer = new MutationObserver(function(mutationsList, observer) { for (let mutation of mutationsList) { if (mutation.type === 'childList') { appendPauseButton(); emptyViewStreamer(); updateHrefIfMismatch(); updateBjIdIfMismatch(); } } }); // MutationObserver를 설정하고 변화를 감지할 대상과 감시할 옵션을 지정합니다. observer.observe(targetNode, { childList: true, subtree: true }); } function emptyViewStreamer(){ const viewStreamer = document.getElementById('view_streamer'); if (viewStreamer) { viewStreamer.innerHTML = ''; } } function setWidthNickname(wpx){ GM_addStyle(` .starting-line .chatting-list-item .message-container .username { width: ${wpx}px !important; } `) } function hideBadges() { isHideSupporterBadgeEnabled = GM_getValue("isHideSupporterBadgeEnabled"); isHideFanBadgeEnabled = GM_getValue("isHideFanBadgeEnabled"); isHideSubBadgeEnabled = GM_getValue("isHideSubBadgeEnabled"); isHideVIPBadgeEnabled = GM_getValue("isHideVIPBadgeEnabled"); isHideManagerBadgeEnabled = GM_getValue("isHideManagerBadgeEnabled"); isHideStreamerBadgeEnabled = GM_getValue("isHideStreamerBadgeEnabled"); if(isHideSupporterBadgeEnabled + isHideFanBadgeEnabled + isHideSubBadgeEnabled + isHideVIPBadgeEnabled + isHideManagerBadgeEnabled + isHideStreamerBadgeEnabled === 0){ return; } const elements = document.querySelectorAll('[class^="grade-badge-"]:not(.done)'); elements.forEach(function(element) { const className = element.className.split("grade-badge-")[1].split(" ")[0]; switch(true) { case className==="fan" && !!isHideFanBadgeEnabled: element.parentNode.removeChild(element); break; case className==="vip" && !!isHideVIPBadgeEnabled: element.parentNode.removeChild(element) break; case className==="manager" && !!isHideManagerBadgeEnabled: element.parentNode.removeChild(element); break; case className==="streamer" && !!isHideStreamerBadgeEnabled: element.parentNode.removeChild(element); break; case className==="support" && !!isHideSupporterBadgeEnabled: element.parentNode.removeChild(element); break; default: element.classList.add('done'); break; } }); if(isHideSubBadgeEnabled){ let thumbSpan = ''; if (CURRENT_URL.startsWith("https://play.sooplive.co.kr/")) { thumbSpan = document.querySelectorAll('#chat_area div.username > button > span.thumb'); } else if (CURRENT_URL.startsWith("https://vod.sooplive.co.kr/")) { thumbSpan = document.querySelectorAll('#chatMemo div.username > button > span.thumb'); } thumbSpan.forEach(function(element) { element.parentNode.removeChild(element); }); } } function observeChat(elementSelector,elem){ // 페이지 변경 시 이미지 감지 및 숨기기 const observer = new MutationObserver(function(mutations) { for (const mutation of mutations) { if(isBlockWordsEnabled) deleteMessages(); hideBadges(); } }); const config = { childList: true, subtree: true }; observer.observe(elem, config); } function deleteMessages() { const messages = document.body.querySelectorAll('div.message-text > p.msg:not(.done)'); const rw = registeredWords ? registeredWords.split(',') : []; for (const message of messages) { const messageText = message.textContent.trim(); const emoticons = message.querySelectorAll('img.emoticon'); const shouldRemove = rw.some(word => { const trimmedWord = word.trim(); // 공백인 경우를 처리 if (trimmedWord.length === 0) { return false; // 빈 문자열인 경우 false 반환 } const wordToCheck = word.trim().startsWith("e:") ? word.trim().slice(2) : word.trim(); return (word.trim().startsWith("e:") && messageText === wordToCheck) || (!word.trim().startsWith("e:") && messageText.includes(wordToCheck)); }); if (shouldRemove) { message.closest('.chatting-list-item').classList.add('filtered-message'); message.closest('.chatting-list-item').remove(); } else { message.classList.add('done'); } } } function autoClaimGem() { const element = document.querySelector('#actionbox > div.ic_gem'); // 요소가 존재하고, display 속성이 'none'이 아닌 경우 클릭 if (element && getComputedStyle(element).display !== 'none') { element.click(); } } // 비디오 재생 건너뛰기 및 입력란 확인 함수 function videoSkipHandler(e) { const activeElement = document.activeElement; const tagName = activeElement.tagName.toLowerCase(); // 입력란 활성화 여부 체크 const isInputActive = (tagName === 'input') || (tagName === 'textarea') || (activeElement.id === 'write_area') || (activeElement.contentEditable === 'true'); // 입력란이 활성화되어 있지 않은 경우 비디오 제어 if (!isInputActive) { const video = document.querySelector('video'); if (video) { switch (e.code) { case 'ArrowRight': // 오른쪽 방향키: 동영상을 1초 앞으로 이동 video.currentTime += 1; break; case 'ArrowLeft': // 왼쪽 방향키: 동영상을 1초 뒤로 이동 video.currentTime -= 1; break; } } } } function homePageCurrentTab(){ waitForElement('#logo > a', function (elementSelector, element) { element.removeAttribute("target"); }); } function useBottomChat(){ // 해상도에 따라 bottomChat 클래스를 추가하거나 제거하는 함수 function toggleBottomChat() { const screenHeight = window.innerHeight; const screenWidth = window.innerWidth; const playerBody = document.body; const isPortrait = screenHeight+50 > screenWidth; if (screenWidth <= 1350 && isPortrait) { playerBody.classList.add('bottomChat'); } else { playerBody.classList.remove('bottomChat'); } } // 윈도우 리사이즈 이벤트를 감지하여 toggleBottomChat 함수를 호출합니다. window.addEventListener('resize', toggleBottomChat); // 페이지 로드 시 한 번 실행하여 초기 설정을 수행합니다. toggleBottomChat(); } //=================================플레이어 페이지 함수 끝=================================// //============================ 메인 페이지 실행 ============================// if (CURRENT_URL.startsWith("https://www.sooplive.co.kr")) { if (isCustomSidebarEnabled) document.body.classList.add('customSidebar'); GM_addStyle(mainPageCommonStyles); observeDarkAttributeChange((darkValue) => { if(darkValue){ GM_addStyle(mainPageDarkmodeStyles); } else { GM_addStyle(mainPageWhitemodeStyles); } }); waitForElement('#serviceLnb', function (elementSelector, element) { if (isCustomSidebarEnabled) makeTopNavbarAndSidebar("main"); runCommonFunctions(); if (isCustomSidebarEnabled) element.remove(); }); if (isRemoveCarouselEnabled) { GM_addStyle(` div[class^="player_player_wrap"] { display: none !important; } `); removeCarousel(); window.addEventListener('popstate', function(event) { removeCarousel(); }); } } //============================ 플레이어 페이지 실행 ============================// if (CURRENT_URL.startsWith("https://play.sooplive.co.kr")) { // Embed 페이지에서는 실행하지 않음 const pattern = /^https:\/\/play.sooplive.co.kr\/.*\/.*\/embed(\?.*)?$/; if (pattern.test(CURRENT_URL) || CURRENT_URL.includes("vtype=chat")) { return; } if (isCustomSidebarEnabled) document.body.classList.add('customSidebar'); GM_addStyle(playerCommonStyles); observeDarkAttributeChange((darkValue) => { if(darkValue){ GM_addStyle(darkModePlayerStyles); } else { GM_addStyle(whiteModePlayerStyles); } }); if (isCustomSidebarEnabled) { makeTopNavbarAndSidebar("player"); insertFoldButton(); detectScreenMode(); detectFullscreenmode(); if(showSidebarOnScreenMode) showSidebarOnMouseOver(); } if(isBottomChatEnabled) useBottomChat(); if(isMakePauseButtonEnabled) detectPlayerChangeAndAppendPauseButton(); if(isMakeSharpModeShortcutEnabled) toggleSharpModeShortcut(); if(isMakeLowLatencyShortcutEnabled) toggleLowLatencyShortcut(); if(isRemainingBufferTimeEnabled){ waitForElement('#livePlayer', function (elementSelector, element) { insertRemainingBuffer(element); }); } if(isAutoClaimGemEnabled){ setInterval(autoClaimGem, 30000); } if(isVideoSkipHandlerEnabled){ waitForElement('#livePlayer', function (elementSelector, element) { window.addEventListener('keydown', videoSkipHandler); }); } registerVisibilityChangeHandler(); checkPlayerPageHeaderAd(); if(!isOpenNewtabEnabled){ homePageCurrentTab(); } runCommonFunctions(); // LIVE 채팅창 waitForElement('#chat_area', function (elementSelector, element) { observeChat(elementSelector,element); }); } //============================ VOD 페이지 실행 ============================// if (CURRENT_URL.startsWith("https://vod.sooplive.co.kr/player/")) { // vodCore 변수가 선언될 때까지 대기하는 함수 function waitForVodCore() { // vodCore 변수가 선언될 때까지 주기적으로 확인 const checkVodCore = setInterval(function() { if (vodCore && vodCore.playerController && vodCore.playerController._currentMediaInfo && vodCore.playerController._currentMediaInfo.name) { // vodCore 및 playerController가 정의되어 있는지 확인 clearInterval(checkVodCore); // setInterval 정지 checkMediaInfo(vodCore.playerController._currentMediaInfo.name); // vodCore 변수가 정의되면 미디어 정보 확인 함수 호출 } }, 500); // 500ms 주기로 확인 } // 미디어 정보 확인 함수 function checkMediaInfo(mediaName) { if (mediaName !== 'original') { // 원본 화질로 설정되지 않은 경우 waitForElement('#player', function (elementSelector, element) { element.className = 'video mouseover ctrl_output'; setTimeout(function () { waitForElement('#player.video.mouseover.ctrl_output', function (elementSelector, element) { setTimeout(function () { waitForElement('#player > div.player_ctrlBox > div.ctrlBox > div.right_ctrl .setting_box > button.btn_setting', function (elementSelector, element) { element.click(); setTimeout(function () { waitForElement('#player > div.player_ctrlBox > div.ctrlBox > div.right_ctrl .setting_box.on .setting_list', function (elementSelector, element) { const spanElement = Array.from(document.querySelectorAll('span')).find(el => el.textContent.includes("화질 변경")); const buttonElement = spanElement.closest('button'); buttonElement.click(); setTimeout(function () { waitForElement('#player > div.player_ctrlBox > div.ctrlBox > div.right_ctrl .setting_box .setting_list_subLayer ul > li:nth-child(2) > button', function (elementSelector, element) { element.click(); element.className = 'video'; }); }, 150); // 마지막 지연 }); }, 150); // 두 번째 지연 }); }, 150); // 첫 번째 지연 }); }, 150); // 초기 지연 }); } } if(isSelectBestQualityEnabled){ waitForVodCore(); } GM_addStyle(CommonStyles); // VOD 채팅창 waitForElement('#webplayer_contents', function (elementSelector, element) { observeChat(elementSelector,element); }); waitForElement('div.serviceUtil', function (elementSelector, element) { addModalSettings(); }); } })();