`;
if(isDarkMode){
topIcon = `
`;
}
if(!update){
const newHtml = `
`;
if(isDarkMode){
followIcon = `
`;
}
if(!update){
const newHtml = `
`;
if(isDarkMode){
myplusIcon = `
`;
}
if(!update){
const newHtml = `
${formattedTime}
`; } setInterval(updateElapsedTime, 1000); } function insertRemainingBuffer(element){ const video = element; 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(); // 요소 찾기 const existingRemainingBuffer = document.querySelector('.remainingBuffer'); // 형제 요소로 삽입할 HTML 생성 const remainingBufferHTML = `${remainingBufferTime}s
${remainingBufferTime}s
`; } else { // 요소 찾기 const elapsedTimeDiv = document.querySelector('#player_area > div.broadcast_information > div.text_information > div.elapsed-time'); const viewerCntDiv = document.querySelector('#player_area > div.broadcast_information > div.text_information > div.broadcast_viewer_cnt'); // elapsedTimeDiv가 존재하는 경우 if (elapsedTimeDiv) { // 형제 요소로 삽입 elapsedTimeDiv.insertAdjacentHTML('afterend', remainingBufferHTML); } else if (viewerCntDiv) { // viewerCntDiv가 존재하는 경우 // 형제 요소로 삽입 viewerCntDiv.insertAdjacentHTML('afterend', remainingBufferHTML); } } }; } // 타이머 식별자를 함수 외부에서 선언합니다. var timerId_m; function handleMuteByVisibility() { const button = document.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("탭이 활성화됨, 음소거 해제"); } } } // 타이머 식별자를 함수 외부에서 선언합니다. var timerId_q; function handleChangeQualityByVisibility() { const qualityButtons = document.querySelectorAll("#afreecatv_player > div.player_ctrlBox > div.right_ctrl > div.quality_box > ul > li:not([style='display: none;']) > button"); if (document.hidden) { // 탭이 비활성화됨 // setTimeout 함수를 호출하고 타이머 식별자를 변수에 저장합니다. timerId_q = setTimeout(function(){ const lastButtonIndex = qualityButtons.length - 1; const lastButton = qualityButtons[lastButtonIndex]; lastButton.click(); console.log(`탭이 비활성화됨, ${lastButton.textContent}`); }, 1000); } else { // 탭이 활성화됨 if (typeof timerId_q !== 'undefined') { clearTimeout(timerId_q); } qualityButtons[1].click(); console.log(`탭이 활성화됨, ${qualityButtons[1].textContent}`); } } function isVideoInPiPMode() { // 현재 비디오 요소 가져오기 var videoElement = document.querySelector('video'); // 비디오 요소가 존재하고, PiP 모드인지 확인 if (videoElement !== null && document.pictureInPictureElement === videoElement) { return true; } else { return false; } } function registerVisibilityChangeHandler() { document.addEventListener('visibilitychange', () => { if(!isVideoInPiPMode()){ if(autoChangeMute) handleMuteByVisibility(); if(autoChangeQuality) handleChangeQualityByVisibility(); } }, true); } function useBottomChat(){ // 미디어 쿼리를 추가할 때 사용할 스타일 시트입니다. var customStyleSheet = document.createElement('style'); customStyleSheet.setAttribute('id', 'custom-style-sheet'); // 미디어 쿼리에 대한 CSS를 설정합니다. var customCSS = ` .smode #player_area.bottomChat{ left: 0px !important; right: 0px !important; width: 100vw; height: calc((100vw / 16 * 9) + 64px) !important; } .smode #chatting_area.bottomChat { top: calc((100vw / 16 * 9) + 70px) !important; left: 0px !important; width: 100vw !important; height: auto; display: block !important; } .smode #webplayer[chat-move=true].chat_open #webplayer_contents #chatting_area.bottomChat{ top: calc((100vw / 16 * 9) + 70px) !important; left: 0px !important; width: 100vw !important; height: auto; display: block !important; } `; // 스타일 시트에 CSS를 추가합니다. customStyleSheet.innerHTML = customCSS; // 스타일 시트를 문서 헤드에 추가합니다. document.head.appendChild(customStyleSheet); // 해상도에 따라 bottomChat 클래스를 추가하거나 제거하는 함수 function toggleBottomChat() { var screenHeight = window.innerHeight; var screenWidth = window.innerWidth; // screenHeight가 1024 이상이고 screenWidth가 1320 이상일 때 bottomChat 클래스를 추가합니다. // 그렇지 않으면 bottomChat 클래스를 제거합니다. var playerArea = document.getElementById('player_area'); var chattingArea = document.getElementById('chatting_area'); if (screenHeight >= 1080 && screenWidth <= 1320) { playerArea.classList.add('bottomChat'); chattingArea.classList.add('bottomChat'); } else { playerArea.classList.remove('bottomChat'); chattingArea.classList.remove('bottomChat'); } } // 윈도우 리사이즈 이벤트를 감지하여 toggleBottomChat 함수를 호출합니다. window.addEventListener('resize', toggleBottomChat); // 페이지 로드 시 한 번 실행하여 초기 설정을 수행합니다. toggleBottomChat(); } //=================================플레이어 페이지 함수 끝 ===================================// //============================ 메인 페이지 실행 ============================// if (currentUrl.startsWith("https://www.afreecatv.com")) { if(isDarkMode){ GM_addStyle(css_Darkmode); } else { GM_addStyle(css_Whitemode); } makeTopNavbarAndSidebar("main"); waitForElement('.left_nav_button', function (elementSelector, element) { // Get the current page URL const currentPage = window.location.href; // Get all navigation links const navLinks = document.querySelectorAll('.left_nav_button'); // Loop through each link and check if it matches the current page navLinks.forEach(link => { var parentLink = link.parentElement; if (parentLink.href === currentPage) { link.classList.add('active'); // Add the 'active' class if it matches } }); }); blockButtonOnMutation(); setCategoryOnAjaxResponse(); document.getElementById('serviceLnb').classList.remove('mini'); if (currentUrl === "https://www.afreecatv.com/?hash=bora" || currentUrl === "https://www.afreecatv.com/?hash=game" || currentUrl === "https://www.afreecatv.com/?hash=sports") { waitForElement('button.refresh.loaded', function (elementSelector, element) { setTimeout(function () { var refreshButton = document.getElementById('btnRefresh'); refreshButton.click(); }, 1000); }); } } //============================ 플레이어 페이지 실행 ============================// if (currentUrl.includes("play.afreecatv.com")) { //embed 페이지에서는 실행하지 않음 var pattern = /^https:\/\/play.afreecatv.com\/.*\/.*\/embed(\?.*)?$/; if (pattern.test(currentUrl) || currentUrl.includes("vtype=chat")) { return; } detectSmode(); detectFullscreenmode(); appendPauseButton(); if(isDarkMode){ GM_addStyle(css_Darkmode_player); } else { GM_addStyle(css_Whitemode_player); } if(bottomChatSwitch) useBottomChat(); makeTopNavbarAndSidebar("player"); insertFoldButton(); toggleSharpModeShortcut(); toggleLowLatencyShortcut(); if(smodeSidebar) showSidebarOnMouseOver(); checkPlayerPageHeaderAd(); if(showUptime){ broadcastTimeElapsed(); } if(showRemainingBuffer){ waitForElement('#livePlayer', function (elementSelector, element) { insertRemainingBuffer(element); }); } registerVisibilityChangeHandler(); // #webplayer_top > h1 > a 요소 가져오기 var linkElement = document.querySelector("#webplayer_top > h1 > a"); // 만약 요소가 존재하고 target 속성이 있다면 제거 if (linkElement && linkElement.hasAttribute("target")) { linkElement.removeAttribute("target"); } } //============================ 공용 실행 ============================// blockedUsers.forEach(function(user) { registerUnblockMenu(user); }); blockedCategories.forEach(function(category) { registerCategoryUnblockMenu(category); }); refreshPageOnDarkModeToggle(); removeStudioButton(); generateBroadcastElements(0); setInterval(function() { generateBroadcastElements(1); }, 60*1000); GM_addStyle(commonCss); addModalSettings(); })();