├── CHZZK_User_Memo ├── images │ ├── copy.png │ ├── button.png │ ├── all_memo.png │ ├── new_memo.png │ ├── setting.png │ ├── usermenu.png │ └── changenick.png ├── README.md └── CHZZK_User_Memo.user.js ├── CHZZK_Degul_Interpreter ├── preview.png ├── README.md └── CHZZK_Degul_Interpreter.user.js ├── CHZZK_Live_Progress_Slider ├── preview.png ├── README.md └── CHZZK_Live_Progress_Slider.user.js ├── CHZZK_Auto_Hide_Annoying_Popups ├── image.png ├── CHZZK_Auto_Hide_Annoying_Popups.user.js └── README.md ├── CHZZK_Video_RealTime ├── images │ └── preview.png ├── README.md └── CHZZK_Video_RealTime.user.js ├── CHZZK_Hide_Blind_Chat_VOD ├── CHZZK_Hide_Blind_Chat_VOD.user.js └── README.md ├── LICENSE ├── CHZZK_Always_Awake ├── README.md └── CHZZK_Always_Awake.user.js ├── CHZZK_Max_Quality ├── CHZZK_Max_Quality.user.js └── README.md ├── CHZZK_Never_Stop_At_Start ├── README.md └── CHZZK_Never_Stop_At_Start.user.js ├── Better_Multichzzk ├── README.md └── Better_Multichzzk.user.js ├── CHZZK_Restore_Blind_Chat ├── README.md └── CHZZK_Restore_Blind_Chat.user.js ├── README.md ├── CHZZK_Better_Shorts_Player ├── README.md └── CHZZK_Better_Shorts_Player.user.js ├── CHZZK_Favorite_Streamer ├── README.md └── CHZZK_Favorite_Streamer.user.js └── CHZZK_sign_in_iframe ├── README.md └── CHZZK_sign_in_iframe.user.js /CHZZK_User_Memo/images/copy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/copy.png -------------------------------------------------------------------------------- /CHZZK_User_Memo/images/button.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/button.png -------------------------------------------------------------------------------- /CHZZK_Degul_Interpreter/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_Degul_Interpreter/preview.png -------------------------------------------------------------------------------- /CHZZK_User_Memo/images/all_memo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/all_memo.png -------------------------------------------------------------------------------- /CHZZK_User_Memo/images/new_memo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/new_memo.png -------------------------------------------------------------------------------- /CHZZK_User_Memo/images/setting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/setting.png -------------------------------------------------------------------------------- /CHZZK_User_Memo/images/usermenu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/usermenu.png -------------------------------------------------------------------------------- /CHZZK_Live_Progress_Slider/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_Live_Progress_Slider/preview.png -------------------------------------------------------------------------------- /CHZZK_User_Memo/images/changenick.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_User_Memo/images/changenick.png -------------------------------------------------------------------------------- /CHZZK_Auto_Hide_Annoying_Popups/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_Auto_Hide_Annoying_Popups/image.png -------------------------------------------------------------------------------- /CHZZK_Video_RealTime/images/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nomomo/Chzzk_Scripts/HEAD/CHZZK_Video_RealTime/images/preview.png -------------------------------------------------------------------------------- /CHZZK_Hide_Blind_Chat_VOD/CHZZK_Hide_Blind_Chat_VOD.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Hide Blind Chat VOD 3 | // @namespace CHZZK_Hide_Blind_Chat_VOD 4 | // @version 0.0.2 5 | // @description Hide messages that have been blinded in the VOD chat 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Hide_Blind_Chat_VOD/CHZZK_Hide_Blind_Chat_VOD.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Hide_Blind_Chat_VOD/CHZZK_Hide_Blind_Chat_VOD.user.js 12 | // @grant GM_addStyle 13 | // ==/UserScript== 14 | 15 | (function() { 16 | 'use strict'; 17 | const debugFlag = 0; // 1 for debug mode, 0 for normal operation 18 | GM_addStyle(`[class*="vod_chatting_item__"]:has([class*="live_chatting_message_is_hidden__"]) { ${debugFlag === 1 ? "border: 2px solid red !important;" : "display: none;" } }`); 19 | })(); -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Nomomo 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /CHZZK_Always_Awake/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Always Awake 2 | 3 | - 탭이 비활성 되어도 비활성이 아닌 것처럼 동작하도록 합니다. 4 | 5 | ## Install 6 | 7 | 설치 방법을 설명합니다. 8 | 9 | ### STEP 1. ScriptManager 10 | 11 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 12 | 13 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 14 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 15 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 16 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 17 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 18 | 19 | ### STEP 2. UserScript 20 | 21 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 22 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Always_Awake/CHZZK_Always_Awake.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Always_Awake/CHZZK_Always_Awake.user.js) 23 | 24 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 25 | 26 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 27 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 28 | 29 | ### 0.0.1 - Apr. 11, 2024 30 | 31 | - 최초 커밋 32 | 33 | ## License 34 | 35 | MIT 36 | 37 | ## Happy?? 38 | 39 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Auto_Hide_Annoying_Popups/CHZZK_Auto_Hide_Annoying_Popups.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Auto Hide Annoying Popups 3 | // @namespace CHZZK_Auto_Hide_Annoying_Popups 4 | // @version 0.0.2 5 | // @description Chzzk에서 매일 한 번씩 표시되는 이벤트 알림(첫 충전, 첫 구매, 첫 후원)을 뜨지 않도록 함 + 상단 배너 숨김 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @homepageURL https://github.com/nomomo/Chzzk_Scripts/CHZZK_Auto_Hide_Annoying_Popups/ 9 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Auto_Hide_Annoying_Popups/CHZZK_Auto_Hide_Annoying_Popups.user.js 10 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Auto_Hide_Annoying_Popups/CHZZK_Auto_Hide_Annoying_Popups.user.js 11 | // @run-at document-start 12 | // @grant GM_addStyle 13 | // ==/UserScript== 14 | 15 | (function () { 16 | 'use strict'; 17 | 18 | // 오늘 날짜 (YYYY-MM-DD) 19 | const today = (() => { 20 | const d = new Date(); 21 | const yyyy = d.getFullYear(); 22 | const mm = String(d.getMonth() + 1).padStart(2, '0'); 23 | const dd = String(d.getDate()).padStart(2, '0'); 24 | return `${yyyy}-${mm}-${dd}`; 25 | })(); 26 | 27 | // 숨길 팝업/이벤트 관련 키 목록 28 | const HIDE_KEYS = [ 29 | 'FIRST_PURCHASE_PROMO_CHEEZE_CHARGE', 30 | 'FIRST_PURCHASE_PROMO_CHEAT_KEY', 31 | 'FIRST_PURCHASE_PROMO_DONATION' 32 | ]; 33 | 34 | HIDE_KEYS.forEach(key => { 35 | if (localStorage.getItem(key) !== today) { 36 | localStorage.setItem(key, today); 37 | } 38 | }); 39 | 40 | GM_addStyle(` 41 | [class^="band_banner_container__"] { 42 | display: none !important; 43 | } 44 | `); 45 | })(); 46 | -------------------------------------------------------------------------------- /CHZZK_Max_Quality/CHZZK_Max_Quality.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Max Quality 3 | // @namespace CHZZK_Max_Quality 4 | // @version 0.0.1 5 | // @description Forces video quality to 1080p on chzzk.naver.com 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Max_Quality/CHZZK_Max_Quality.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Max_Quality/CHZZK_Max_Quality.user.js 12 | // @run-at document-start 13 | // @grant none 14 | // ==/UserScript== 15 | 16 | (function() { 17 | 'use strict'; 18 | try { 19 | const fixedQuality = {"label":"1080p","width":1920,"height":1080}; 20 | const interval_ms = 1000; 21 | 22 | function fixVideoQuality() { 23 | localStorage.setItem('live-player-video-track', JSON.stringify(fixedQuality)); 24 | //console.log('Video quality fixed to 1080p'); 25 | } 26 | 27 | fixVideoQuality(); 28 | 29 | // 무식한 것이 때론 가장 편하다. 30 | setInterval(() => { 31 | const currentValue = localStorage.getItem('live-player-video-track'); 32 | if (currentValue !== JSON.stringify(fixedQuality)) { 33 | fixVideoQuality(); 34 | } 35 | }, interval_ms); 36 | } 37 | catch(e){ 38 | console.log("Failed to set max. quality by CHZZK_Max_Quality.user.js"); 39 | } 40 | 41 | // 나중에 트위치처럼 비디오 품질을 지맘대로 낮춘다거나, 더 많은 유저의 귀찮음을 유발하는 케이스가 나오면 그 때 추가 기능 개발을 고려해봅시다. 42 | 43 | })(); -------------------------------------------------------------------------------- /CHZZK_Never_Stop_At_Start/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Never Stop At Start 2 | 3 | - 특정 확장기능과 충돌하여 라이브 시작 시 플레이어가 일시정지 되는 문제를 고칩니다. 4 | 5 | ## Install 6 | 7 | 설치 방법을 설명합니다. 8 | 9 | ### STEP 1. ScriptManager 10 | 11 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 12 | 13 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 14 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 15 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 16 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 17 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 18 | 19 | ### STEP 2. UserScript 20 | 21 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 22 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Never_Stop_At_Start/CHZZK_Never_Stop_At_Start.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Never_Stop_At_Start/CHZZK_Never_Stop_At_Start.user.js) 23 | 24 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 25 | 26 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 27 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 28 | 29 | ### 0.0.2 - Apr. 22, 2024 30 | 31 | - Firefox 브라우저에서 동영상을 너무 빨리 다시 시작하면 문제가 간헐적으로 발생해서 동작 방식을 조금 바꿨어요. 32 | 33 | ### 0.0.1 - Apr. 13, 2024 34 | 35 | - 최초 커밋 36 | 37 | ## License 38 | 39 | MIT 40 | 41 | ## Happy?? 42 | 43 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Hide_Blind_Chat_VOD/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Hide Blind Chat in VOD 2 | 3 | - Chzzk 다시보기(VOD) 에서 블라인드된 채팅 메시지를 숨겨줘요. 4 | 5 | ## Install 6 | 7 | 설치 방법을 설명합니다. 8 | 9 | ### STEP 1. ScriptManager 10 | 11 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 12 | 13 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 14 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 15 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 16 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 17 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 18 | 19 | ### STEP 2. UserScript 20 | 21 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 22 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Hide_Blind_Chat_VOD/CHZZK_Hide_Blind_Chat_VOD.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Hide_Blind_Chat_VOD/CHZZK_Hide_Blind_Chat_VOD.user.js) 23 | 24 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 25 | 26 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 27 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 28 | 29 | ## Note 30 | 31 | - 코드의 95% 이상을 ChatGPT로 작성했어요. 예외처리 같은 것이 제대로 안 되어 있긴 한데 현재는 대충 잘 되는 것 같아요. 문제가 생기면 스크립트를 비활성화 하세요. 32 | 33 | ### 0.0.2 - Sep. 29, 2024 34 | 35 | - CSS를 이용하여 구현하도록 변경 36 | 37 | ### 0.0.1 - Sep. 29, 2024 38 | 39 | - 최초 커밋 40 | 41 | ## License 42 | 43 | MIT 44 | 45 | ## Happy?? 46 | 47 | Buy Me A Coffee 48 | -------------------------------------------------------------------------------- /CHZZK_Auto_Hide_Annoying_Popups/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Auto Hide Annoying Popups 2 | 3 | * Chzzk에서 매일 한 번씩 표시되는 🐕짜증나는 이벤트 알림(첫 충전, 첫 구매, 첫 후원)을 뜨지 않도록 함 4 | * 시크릿 모드(Incognito mode) 에서는 정상 동작하지 않을 수 있습니다. 5 | 6 | ![preview](image.png) 7 | 8 | ## Install 9 | 10 | 설치 방법을 설명합니다. 11 | 12 | ### STEP 1. ScriptManager 13 | 14 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey를 설치하세요. 15 | 16 | * Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 17 | * Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 18 | * Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 19 | * Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 20 | * Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 21 | 22 | ### STEP 2. UserScript 23 | 24 | * 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 25 | 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 26 | 27 | * [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Auto_Hide_Annoying_Popups/CHZZK_Auto_Hide_Annoying_Popups.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Auto_Hide_Annoying_Popups/CHZZK_Auto_Hide_Annoying_Popups.user.js) 28 | 29 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 30 | 31 | > **주의:** 본 스크립트를 설치 및 사용하며 브라우저 과부하, 응답 없음, 데이터 손실이나 기타 문제 발생 시 개발자는 책임지지 않습니다. 32 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 33 | 34 | ### 0.0.2 - Nov. 2, 2025 35 | 36 | * "일부 크롬 브라우저의 라이브 재생 불가 현상 및 해결 방법 안내"를 숨김 37 | 38 | ### 0.0.1 - Aug. 9, 2025 39 | 40 | * 최초 커밋 41 | 42 | ## License 43 | 44 | MIT 45 | 46 | ## Happy?? 47 | 48 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Max_Quality/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Max Quality 2 | 3 | > 치지직 보다보면 간혹 가다 720p 방송(최대화질이 1080p가 아닌)이 있는데 그 방송을 보다가 다른 방송을 가면 전 방송에서의 최대화질로(720p)로 설정되서 매번 방송을 돌릴때마다 화질 설정 하는 게 귀찮습니다. 혹시 기능 추가가 가능할까요? 4 | 5 | - 라는 요청에 의해 만든 스크립트 입니다. 6 | - 이전에 시청하던 비디오 품질이 1080p 가 아니더라도, 새롭게 시청할 비디오의 최대 품질이 1080p 인 경우 1080p로 재생을 시작하도록 합니다. 7 | - 브라우저가 시크릿 모드(Incognito Mode)인 경우 제대로 동작하지 않을 수 있습니다. 8 | 9 | ## Install 10 | 11 | 설치 방법을 설명합니다. 12 | 13 | ### STEP 1. ScriptManager 14 | 15 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 16 | 17 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 18 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 19 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 20 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 21 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 22 | 23 | ### STEP 2. UserScript 24 | 25 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 26 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Max_Quality/CHZZK_Max_Quality.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Max_Quality/CHZZK_Max_Quality.user.js) 27 | 28 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 29 | 30 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 31 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 32 | 33 | ### 0.0.1 - Sep. 11, 2024 34 | 35 | - 최초 커밋 36 | 37 | ## License 38 | 39 | MIT 40 | 41 | ## Happy?? 42 | 43 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Degul_Interpreter/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK 데굴어 통역기 2 | 3 | * **데굴**어를 통역합니다. 4 | * 채팅 입력창은 건드리지 않습니다. 5 | 6 | preview 7 | 8 | ## Install 9 | 10 | ### STEP 1. ScriptManager 11 | 12 | 브라우저에 맞는 링크에서 Tampermonkey를 설치하세요. 13 | 14 | * Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 15 | * Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 16 | * Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 17 | * Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 18 | * Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 19 | 20 | ### STEP 2. UserScript 21 | 22 | 아래 링크를 클릭한 뒤, 뜨는 창에서 **설치** 버튼을 눌러 스크립트를 설치합니다. 23 | 24 | * [https://github.com/nomomo/Chzzk\_Scripts/raw/main/CHZZK\_Degul\_Interpreter/CHZZK\_Degul\_Interpreter.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Degul_Interpreter/CHZZK_Degul_Interpreter.user.js) 25 | 26 | 설치는 여기까지입니다. 즐겁게 사용하세요! 27 | 28 | ## WARNING 29 | - 2025년 8월 16일 기준으로 채팅에서 문제는 없었으나, 치지직 레이아웃 업데이트 등에 따라 번역된 내용이 그대로 전송될 수 있습니다. **번역된 내용이 채팅/댓글로 입력되어 발생하는 사고에 대해서 개발자는 책임지지 않습니다.** 30 | 31 | ## Note 32 | 33 | - 코드의 90% 이상을 ChatGPT로 작성했어요. 성능 이슈가 있을 수도 있는데 대충 잘 되는 것 같아요. 문제가 생기면 스크립트를 비활성화 하세요. 34 | - 본 스크립트 사용 중 발생하는 브라우저 과부하, 응답 없음, 데이터 손실 등 문제에 대해 개발자는 책임지지 않습니다. 35 | - Tampermonkey 외 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 36 | 37 | ## Changelog 38 | 39 | ### 0.0.2 — Aug. 16, 2025 40 | 41 | * 통역 대상 단어 업데이트 42 | 43 | ### 0.0.1 — Aug. 16, 2025 44 | 45 | * 첫 커밋 46 | 47 | ## License 48 | 49 | MIT 50 | 51 | ## Support 52 | 53 | Buy Me A Coffee -------------------------------------------------------------------------------- /Better_Multichzzk/README.md: -------------------------------------------------------------------------------- 1 | # Better_Multichzzk 2 | 3 | mul.live에서 자동으로 아래의 것들을 해줍니다. 4 | 5 | - 자동으로 화면 넓게 6 | - 채팅창 숨기기 7 | - 모두 음소거 8 | 9 | ## Install 10 | 11 | 설치 방법을 설명합니다. 12 | 13 | ### STEP 1. ScriptManager 14 | 15 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 16 | 17 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 18 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 19 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 20 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 21 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 22 | 23 | ### STEP 2. UserScript 24 | 25 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 26 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/Better_Multichzzk/Better_Multichzzk.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/Better_Multichzzk/Better_Multichzzk.user.js) 27 | 28 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 29 | 30 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 31 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 32 | 33 | ### 0.0.5 - Feb. 18, 2024 34 | 35 | - mul.live 도메인 추가 36 | 37 | ### 0.0.4 - Dec. 23, 2023 38 | 39 | - 음소거 기능 누락 문제 수정 40 | 41 | ### 0.0.3 - Dec. 23, 2023 42 | 43 | - 치지직과 트위치를 같이 멀티스트림으로 시청하는 경우 트위치 재생이 올바르게 되지 않는 문제 수정 44 | 45 | ### 0.0.2 - Dec. 23, 2023 46 | 47 | - 치즈나이프 확장 프로그램과 충돌하여 치지직 플레이어가 자동으로 PIP 모드가 되는 버그 수정 48 | 49 | ### 0.0.1 - Dec. 23, 2023 50 | 51 | - 최초 커밋 52 | 53 | ## License 54 | 55 | MIT 56 | 57 | ## Happy?? 58 | 59 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Restore_Blind_Chat/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Restore Blind Chat 2 | 3 | - 이 스크립트는 Chzzk에서 관리자가 블라인드한 채팅 메시지를 표시합니다. 4 | - 메시지가 숨겨지면 "[블라인드된 메시지]"라는 접두어와 함께 원래 메시지를 표시합니다. 5 | 6 | ## 설치 7 | 8 | 아래 단계를 따라 UserScript를 설치하세요. 9 | 10 | ### STEP 1. ScriptManager 11 | 12 | 먼저 아래 링크에서 본인이 사용 중인 브라우저에 맞는 Tampermonkey 확장 프로그램을 설치하세요. 13 | 14 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 15 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 16 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 17 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 18 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 19 | 20 | ### STEP 2. UserScript 21 | 22 | Tampermonkey 확장 프로그램 설치 후, 아래 링크를 클릭하세요. 팝업 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 23 | 24 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Restore_Blind_Chat/CHZZK_Restore_Blind_Chat.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Restore_Blind_Chat/CHZZK_Restore_Blind_Chat.user.js) 25 | 26 | 설치는 여기까지입니다. 즐겁게 사용하세요~ 27 | 28 | > 주의: 본 스크립트를 설치 및 사용하며 발생하는 브라우저 과부하로 인한 응답 없음, 뻗음으로 인한 데이터 손실이나 기타 문제에 대해 개발자는 책임지지 않습니다(보고된 문제는 없음). 29 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 30 | 31 | ## 참고사항 32 | 33 | - 코드의 95% 이상을 ChatGPT로 작성했습니다. 예외 처리가 제대로 되어 있지는 않지만 현재는 대체로 잘 동작합니다. 문제가 생기면 스크립트를 비활성화하세요. 34 | 35 | ### 0.0.3 - Mar 26, 2025 36 | 37 | - 치지직 레이아웃 업데이트 후 동작하지 않는 문제 수정 (wisenb님 감사해요!) 38 | 39 | ### 0.0.2 - Sep 29, 2024 40 | 41 | - 메시지가 블라인드 될 때 간헐적으로 자동 스크롤이 멈추는 문제 수정 42 | 43 | ### 0.0.1 - Jul 14, 2024 44 | 45 | - 최초 커밋 46 | 47 | ## 라이선스 48 | 49 | MIT 50 | 51 | ## 후원하기 52 | 53 | Buy Me A Coffee -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # chzzk_scripts 2 | 3 | 개인적인 용도로 사용하려고 만든 chzzk user-scripts 모음집 4 | 5 | - [Better Multichzzk](https://github.com/nomomo/Chzzk_Scripts/tree/main/Better_Multichzzk): 멀티치지직에서 자동으로 화면 넓게 6 | - [CHZZK sign in iframe](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_sign_in_iframe): Embed(Iframe)으로 삽입된 곳에서도 로그인 유지 7 | - [CHZZK Live Progress Slider](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Live_Progress_Slider): 라이브 스트림 플레이어에 Progress Slider 를 표시 8 | - [CHZZK Always Awake](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Always_Awake): 탭이 비활성되어도 비활성 아닌척 함 9 | - [CHZZK Never Stop At Start](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Never_Stop_At_Start): 특정 확장기능이 라이브를 일시정지 시키는 문제를 고침 10 | - [CHZZK Favorite Streamer](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Favorite_Streamer): 즐겨찾는 팔로우 스트리머 설정 11 | - [CHZZK Restore Blind Chat](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Restore_Blind_Chat): 블라인드된 메시지 표시 12 | - [CHZZK User Memo](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_User_Memo): 채팅창에 유저 메모 기능을 추가 (Alpha test version) 13 | - [CHZZK Max Quality](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Max_Quality): 최고 품질로 스트림 재생 시작 14 | - [CHZZK Hide Blind Chat VOD](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Hide_Blind_Chat_VOD): 치지직 다시보기(VOD) 에서 블라인드된 채팅 메시지를 숨김 15 | - [CHZZK Video RealTime](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Video_RealTime): 치지직 다시보기 비디오의 슬라이더 바에 마우스를 올렸을 때, 비디오의 실제 시간을 표시 16 | - [CHZZK Auto Hide Annoying Popups](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Auto_Hide_Annoying_Popups): 매일 한 번씩 표시되는 이벤트 알림(첫 충전, 첫 구매, 첫 후원)을 뜨지 않도록 함 17 | - [CHZZK 데굴어 통역기](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Degul_Interpreter): 데굴어를 통역 18 | 19 | ## 🪦 Deprecated Scripts 20 | 21 | 더 이상 사용하지 않거나 유지보수가 중단된 스크립트입니다. 22 | 23 | - ~~[CHZZK Better Shorts Player](https://github.com/nomomo/Chzzk_Scripts/tree/main/CHZZK_Better_Shorts_Player): 클립 보기 화면에 볼륨 컨트롤러 추가, 동작 개선~~ 24 | 25 | ## License 26 | 27 | MIT 28 | -------------------------------------------------------------------------------- /CHZZK_Better_Shorts_Player/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Better Shorts Player 2 | 3 | > ⚠️ **Deprecated** 4 | > 이 스크립트는 더 이상 유지보수되지 않으며, 설치를 권장하지 않습니다. 5 | > 클립 페이지에 볼륨 컨트롤러 기능이 **네이티브로 추가**되어 더 이상 필요하지 않게 되었습니다. 6 | 7 | - Chzzk의 클립 페이지에 볼륨 컨트롤러를 추가해줘요. 8 | - 이전에 설정한 볼륨을 기억해요. 9 | - 플레이어에 마우스를 올린 상태에서만 오버레이(제목, 재생바, 컨트롤 버튼 등)를 표시해요. 10 | 11 | ## Preview 12 | 13 | https://github.com/user-attachments/assets/83aabceb-e2e9-4cc4-bc9a-91d3568e82e9 14 | 15 | ## Install 16 | 17 | 설치 방법을 설명합니다. 18 | 19 | ### STEP 1. ScriptManager 20 | 21 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 22 | 23 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 24 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 25 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 26 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 27 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 28 | 29 | ### STEP 2. UserScript 30 | 31 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 32 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Better_Shorts_Player/CHZZK_Better_Shorts_Player.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Better_Shorts_Player/CHZZK_Better_Shorts_Player.user.js) 33 | 34 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 35 | 36 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 37 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 38 | 39 | ## Note 40 | 41 | - 코드의 95% 이상을 ChatGPT로 작성했어요. 예외처리 같은 것이 제대로 안 되어 있긴 한데 현재는 대충 잘 되는 것 같아요. 문제가 생기면 스크립트를 비활성화 하세요. 42 | 43 | ### 0.0.1 - Aug. 16, 2024 44 | 45 | - 최초 커밋 46 | 47 | ## License 48 | 49 | MIT 50 | 51 | ## Happy?? 52 | 53 | Buy Me A Coffee 54 | -------------------------------------------------------------------------------- /CHZZK_Video_RealTime/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Video RealTime 2 | 3 | - 이 스크립트는 CHZZK 다시보기 비디오의 슬라이더 바에 마우스를 올렸을 때, 비디오의 실제 시간을 표시해줍니다. 4 | - 동작 원리: 서버에서 가져온 다시보기의 라이브 시작 시간에 현재 마우스가 가리키는 시점의 동영상 시간을 더하여 계산된 시간을 표시합니다. 5 | 6 | ## Preview 7 | 8 | 9 | 10 | ## 설치 11 | 12 | 아래 단계를 따라 UserScript를 설치하세요. 13 | 14 | ### STEP 1. ScriptManager 15 | 16 | 먼저 아래 링크에서 본인이 사용 중인 브라우저에 맞는 Tampermonkey 확장 프로그램을 설치하세요. 17 | 18 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 19 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 20 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 21 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 22 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 23 | 24 | ### STEP 2. UserScript 25 | 26 | Tampermonkey 확장 프로그램 설치 후, 아래 링크를 클릭하세요. 팝업 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 27 | 28 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Video_RealTime/CHZZK_Video_RealTime.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Video_RealTime/CHZZK_Video_RealTime.user.js) 29 | 30 | 설치는 여기까지입니다. 즐겁게 사용하세요~ 31 | 32 | > 주의: 본 스크립트를 설치 및 사용하며 발생하는 브라우저 과부하로 인한 응답 없음, 뻗음으로 인한 데이터 손실이나 기타 문제에 대해 개발자는 책임지지 않습니다(보고된 문제는 없음). 33 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 34 | 35 | ## 참고사항 36 | 37 | - 다시보기 비디오에 싱크 문제가 있거나 서버에서 가져오는 라이브 시작 시간에 문제가 있는 경우 표시되는 시간이 실제 시간과 다를 수 있으므로 참고 용으로만 사용하세요. 38 | - 라이브 시간이 길어 다시보기가 자동으로 잘린 경우 해당 라이브의 모든 다시보기는 동일한 라이브 시작 시간을 가집니다. 스크립트는 이전 다시보기의 정보를 체크하여 현재 보고있는 다시보기가 이전 다시보기에서 이어지는 것인지를 판단하고, 이를 고려하여 실제 시간을 계산합니다. 39 | - 만약 일부 다시보기가 숨겨진 경우 실제 시간이 잘못 계산될 수 있습니다. 40 | - 코드의 90% 이상을 ChatGPT로 작성했습니다. 비효율적인 부분이 있고 예외 처리가 제대로 되어 있지는 않지만 현재는 대체로 잘 동작합니다. 문제가 생기면 스크립트를 비활성화하세요. 41 | 42 | ### 0.0.1 - Jan 13, 2025 43 | 44 | - 최초 커밋 45 | 46 | ## 라이선스 47 | 48 | MIT 49 | 50 | ## 후원하기 51 | 52 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Live_Progress_Slider/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Live Progress Slider 2 | 3 | - Chzzk에서 라이브 스트림에 Progress Slider 를 표시합니다. 4 | - "실시간" 을 누르면 빨리감기 합니다. 5 | - 로드된 비디오 버퍼 범위에서 탐색할 수 있습니다. 6 | 7 | 8 | 9 | ## Install 10 | 11 | 설치 방법을 설명합니다. 12 | 13 | ### STEP 1. ScriptManager 14 | 15 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 16 | 17 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 18 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 19 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 20 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 21 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 22 | 23 | ### STEP 2. UserScript 24 | 25 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 26 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Live_Progress_Slider/CHZZK_Live_Progress_Slider.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Live_Progress_Slider/CHZZK_Live_Progress_Slider.user.js) 27 | 28 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 29 | 30 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 31 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 32 | 33 | ## Note 34 | 35 | - 기존 Player의 UI를 활용하므로 탐색 시 Console 창에 "Unhandled promise rejection Error"이 발생했다고 출력되지만 실제 동작에 영향을 주지는 않습니다. 36 | 37 | ### 0.0.4 - Mar. 30, 2025 38 | 39 | - 치지직 UI 업데이트 후 동작하지 않는 문제 수정 40 | - 타임머신이 활성화 되지 않는 경우에만 동작하도록 수정 41 | 42 | ### 0.0.3 - Dec. 20, 2024 43 | 44 | - 치지직 UI 업데이트 후 동작하지 않는 문제 수정 45 | 46 | ### 0.0.2 - Aug. 1, 2024 47 | 48 | - 치지직 UI 업데이트 후 동작하지 않는 문제 수정 49 | 50 | ### 0.0.1 - Feb. 18, 2024 51 | 52 | - 최초 커밋 53 | 54 | ## License 55 | 56 | MIT 57 | 58 | ## Happy?? 59 | 60 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_Favorite_Streamer/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK Favorite Streamer 2 | 3 | - Chzzk의 팔로우 메뉴에서 즐겨찾는 스트리머를 설정할 수 있습니다. 4 | - 즐겨찾기에 추가된 스트리머는 팔로우 메뉴의 맨 위에 표시됩니다. 5 | - 즐겨찾기 설정 메뉴 또는 드래그 앤 드롭으로 순서를 변경할 수 있습니다. 6 | 7 | ## Preview 8 | 9 | https://github.com/nomomo/Chzzk_Scripts/assets/863079/0c12f628-0df4-48e0-876d-a75417d04c36 10 | 11 | ## Install 12 | 13 | 설치 방법을 설명합니다. 14 | 15 | ### STEP 1. ScriptManager 16 | 17 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 18 | 19 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 20 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 21 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 22 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 23 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 24 | 25 | ### STEP 2. UserScript 26 | 27 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 28 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Favorite_Streamer/CHZZK_Favorite_Streamer.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Favorite_Streamer/CHZZK_Favorite_Streamer.user.js) 29 | 30 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 31 | 32 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 33 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 34 | 35 | ## Note 36 | 37 | - 코드의 95% 이상을 ChatGPT로 작성했어요. 예외처리 같은 것이 제대로 안 되어 있긴 한데 현재는 대충 잘 되는 것 같아요. 문제가 생기면 스크립트를 비활성화 하세요. 38 | - 팔로우 하지 않은 스트리머에 대해서는 즐겨찾기 기능이 제대로 동작하지 않을 수 있어요. 39 | 40 | ### 0.0.4 - July 25, 2025 41 | 42 | - 치지직 레이아웃 업데이트 후 live 화면에서 "★" 및 설정 버튼이 제대로 표시되지 않는 문제 수정 43 | 44 | ### 0.0.3 - May 17, 2025 45 | 46 | - 치지직 레이아웃 업데이트 후 live 화면에서 "★" 버튼이 제대로 표시되지 않는 문제 수정 47 | - 팔로잉 화면에서 드래그로 리스트 순서 변경 시 드래그를 종료하는 시점에 마우스 포인터가 범위 밖에 존재하는 경우 순서 변경을 취소하도록 수정 48 | - 팔로잉 화면에서 섬네일 또는 라이브 제목을 드래그하여 주소창에 옮겨다 두었을 때 해당 페이지에 대한 새 창이 뜨도록 수정 49 | 50 | ### 0.0.2 - Aug. 1, 2024 51 | 52 | - 치지직 UI 업데이트 후 팔로잉 메뉴의 "★" 버튼과 "★설정" 버튼이 보이지 않는 문제 수정 53 | 54 | ### 0.0.1 - Jun. 7, 2024 55 | 56 | - 최초 커밋 57 | 58 | ## License 59 | 60 | MIT 61 | 62 | ## Happy?? 63 | 64 | Buy Me A Coffee 65 | -------------------------------------------------------------------------------- /CHZZK_sign_in_iframe/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK_sign_in_iframe 2 | 3 | - 본 스크립트는 iframe(embed)로 삽입된 CHZZK 페이지에서 로그인이 유지되도록 해줍니다. 4 | - 로그인이 유지되므로 iframe(embed)로 삽입된 CHZZK 페이지에서 연령 인증 스트림 시청, 채팅이 가능합니다. 5 | - 로그인은 [chzzk.naver.com](https://chzzk.naver.com) 에서 직접해야 합니다. 6 | - **본 스크립트는 Chrome 계열 브라우저의 경우 Tampermonkey Beta 버전에서만 동작합니다. (스크립트 매니저가 GM_cookie 기능을 지원해야 함)** 7 | 8 | ## 설치 방법 9 | 10 | ### STEP 1. Script Manager 설치 11 | 12 | **Chrome 계열 브라우저의 경우 Tampermonkey Beta 버전에서만 작동합니다.** 아래 링크에서 Tampermonkey Beta 를 설치하세요. 13 | 14 | 기존 Tampermonkey 사용자도 Tampermonkey Beta 버전을 추가로 설치해야 합니다. 15 | 16 | - Chrome - [Tampermonkey Beta](https://chromewebstore.google.com/detail/tampermonkey-beta/gcalenpjmijncebpfijmoaglllgpjagf) 17 | 18 | ### STEP 2. 개발자 모드 활성화 19 | 20 | - 2024년 5월부터 Tampermonkey를 사용하려면 개발자 모드를 활성화 해야합니다. 21 | - **chrome://extensions** 로 접속한 후, 확장 프로그램 관리 페이지 우측 상단의 "개발자 모드"를 켜세요. 22 | 23 | ### STEP 3. UserScript 설치 24 | 25 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 26 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_sign_in_iframe/CHZZK_sign_in_iframe.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_sign_in_iframe/CHZZK_sign_in_iframe.user.js) 27 | 28 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 29 | 30 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실, 보안 이슈, 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 31 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있으며, Chrome 계열 브라우저의 경우 Tampermonkey Beta 버전에 스크립트가 설치되어야 합니다. 32 | 33 | ## 자주묻는 질문 34 | 35 | - Q: 안 돼요.
A: Chrome 계열 브라우저의 경우 Tampermonkey Beta 버전에 본 스크립트가 설치되었는지 확인하세요. 36 | - Q: 잘 되다가 갑자기 안 돼요.
A: 2024년 5월부터 Tampermonkey를 사용하려면 개발자 모드를 활성화 해야합니다. [chrome://extensions/](chrome://extensions/) 로 접속한 후, 우측 상단의 "개발자 모드"를 켜세요. 37 | - Q: 로그인은 어떻게 해요?
A: [chzzk.naver.com](https://chzzk.naver.com) 에서 하세요. 38 | - Q: 왜 Tampermonkey Beta 버전에 스크립트를 설치해야 하나요?
A: 기능 동작을 위해 스크립트 매니저에서 지원하는 GM_cookie 이라는 기능을 사용하여야 하는데, Chrome 계열 브라우저의 경우 Tampermonkey Beta 만 해당 기능을 지원합니다. 참고로 다른 브라우저의 경우 Tampermonkey 정식 버전에서도 GM_cookie 를 지원한다는데 테스트 해보지는 않았어요. 39 | - Q: 기존에 사용하던 Tampermonkey 정식 버전과 Beta 버전을 동시에 설치해서 사용해도 괜찮나요?
A: 괜찮습니다. 40 | - Q: 스크립트 설치할 때 Tampermonkey 정식 버전과 Beta 버전에서 설치하는 창이 둘 다 떠요.
A: 본 스크립트는 Tampermonkey Beta 버전에만 설치되어야 합니다. 만약 특정 버전에서 설치 페이지를 띄우는 것을 원하지 않는다면 다음을 따르세요.
[Tampermonkey 정식 or Beta 버전 대시보드] - [설정] - [설정 모드]를 상급자로 변경 - [스크립트 URL 감지] 를 비활성화됨으로 변경 - [저장] 버튼 클릭
이렇게 스크립트 URL 감지를 비활성화하여도 [대시보드] - [도구] - [Import from URL] 에 스크립트 주소를 붙여넣기 하고 설치 버튼을 눌러 스크립트를 설치할 수 있습니다. 41 | 42 | ## 알려진 버그 43 | 44 | - 간헐적으로 "로그인이 만료되었습니다. 페이지를 새로고침합니다." 오류가 발생할 수 있습니다. 45 | 46 | ### 0.0.2 - Jac. 13, 2024 47 | 48 | - "로그인이 만료되었습니다. 페이지를 새로고침합니다." 오류가 발생하는 빈도를 줄였어요. 49 | 50 | ### 0.0.1 - Jac. 06, 2024 51 | 52 | - 최초 커밋 53 | 54 | ## License 55 | 56 | MIT 57 | 58 | ## Happy?? 59 | 60 | Buy Me A Coffee -------------------------------------------------------------------------------- /CHZZK_User_Memo/README.md: -------------------------------------------------------------------------------- 1 | # CHZZK User Memo (Alpha Version) 2 | 3 | > **[공지] 테스트 버전이므로 별도 공지 없이 기능이 수정되거나 스크립트가 삭제될 수 있습니다.** 4 | 5 | - 치지직 채팅창에 유저 메모 기능을 추가합니다. 6 | - 악질 및 분탕 유저에 대한 관리 및 신고를 위한 목적으로 개발되었어요. 7 | - 누군가를 스토킹하는데 사용하지 않길 바라요! 8 | 9 | ## Preview 10 | 11 | 12 | 13 | - 메모가 존재하는 유저의 경우 닉네임 우측에 사용자가 설정한 별명을 표시해요. 14 | - 메모는 유저마다 고유한 UID를 기반으로 저장되므로, 닉네임이 변경되어도 유지돼요. 15 | - 사용자 이름을 클릭한 후 메모하기 버튼을 누르면 메모를 추가할 수 있어요. 16 | - 닉변 로그 또는 채팅 로그가 있는 경우 이를 확인하기 위한 버튼이 표시돼요. (추적 기능이 켜져있을 때) 17 | 18 | ### 메모 추가 19 | 20 | 21 | 22 | - 메모하기 버튼을 누르면 메모를 추가할 수 있어요. 23 | - 채팅창에 표시할 사용자 별명과, 상세 메모를 작성할 수 있어요. 24 | - 추적하기에 체크하는 경우, 채팅 로그와 닉변 로그를 저장해요. 25 | 26 | ### UID 복사 27 | 28 | 29 | 30 | - 채팅 가장 우측의 복사 버튼을 클릭하면 현재 닉네임, UID, 채팅 내용, 채팅 시간을 클립보드에 복사해요. 31 | 32 | ### 닉변 알림 33 | 34 | 35 | 36 | - 메모 되어있는 유저가 닉변한 후 채팅을 칠 때 알려줘요요. 37 | 38 | ### 메모 확인 39 | 40 | 41 | 42 | 43 | 44 | - 모든 메모 보기 버튼을 클릭하여 메모된 내용을 볼 수 있어요. 45 | 46 | ### 설정 47 | 48 | 49 | 50 | - 유저별 채팅과 닉변 로그를 저장할 개수를 설정할 수 있어요. 51 | - 로그가 지정된 수를 초과하는 경우 가장 오래된 것부터 삭제돼요. 52 | - 기본 값은 채팅 기록 30개, 닉변 기록 5개에요. 로그를 너무 많이 남기면 느려질 수도 있어요. 53 | 54 | ## Install 55 | 56 | 설치 방법을 설명합니다. 57 | 58 | ### STEP 1. ScriptManager 59 | 60 | 아래 리스트에서 본인이 사용 중인 브라우저에 맞는 링크에 접속한 후, 유저스크립트 관리 확장기능인 Tampermonkey 를 설치하세요. 61 | 62 | - Chrome - [Tampermonkey](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) 63 | - Firefox - [Tampermonkey](https://addons.mozilla.org/ko/firefox/addon/tampermonkey/) 64 | - Opera - [Tampermonkey](https://addons.opera.com/extensions/details/tampermonkey-beta/) 65 | - Safari - [Tampermonkey](https://safari.tampermonkey.net/tampermonkey.safariextz) 66 | - Edge - [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 67 | 68 | ### STEP 2. UserScript 69 | 70 | - 유저스크립트 관리 확장기능 설치 후 아래의 링크를 클릭하세요. 이후 뜨는 창에서 "설치" 버튼을 눌러 스크립트를 설치합니다. 71 | - [https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_User_Memo/CHZZK_User_Memo.user.js](https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_User_Memo/CHZZK_User_Memo.user.js) 72 | 73 | 이것으로 설치는 끝입니다. 즐겁게 사용하세요~ 74 | 75 | > 주의: 본 스크립트를 설치 및 사용하며 브라우저 과부하로 인한 응답 없음/뻗음으로 인한 데이터 손실이나 기타 발생하는 다른 문제에 대하여 개발자는 책임지지 않음(보고된 문제는 없음) 76 | > 본 스크립트는 Tampermonkey 외의 스크립트 매니저에서는 정상 동작하지 않을 수 있습니다. 77 | 78 | ## Note 79 | 80 | - 코드의 80% 이상을 ChatGPT로 작성했어요. 예외처리 같은 것이 제대로 안 되어 있긴 한데 현재는 대충 잘 되는 것 같아요. 문제가 생기면 스크립트를 비활성화 하세요. 81 | - 수초마다 닉변하면서 닌자 분신술을 펼치며 분탕칠을 치는 녀석이 있어서 만들었어요. 82 | 83 | ### 0.0.2 - Dec. 7, 2024 84 | 85 | - 채팅에서 닉네임 클릭 시 UID가 출력되지 않는 문제 수정 86 | 87 | ### 0.0.1 - Aug. 16, 2024 88 | 89 | - 최초 커밋 (Alpha 버전) 90 | 91 | ## License 92 | 93 | MIT 94 | 95 | ## Happy?? 96 | 97 | Buy Me A Coffee 98 | -------------------------------------------------------------------------------- /Better_Multichzzk/Better_Multichzzk.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name Better_Multichzzk 3 | // @namespace Better_Multichzzk 4 | // @version 0.0.5 5 | // @description Better player for multichzzk 6 | // @author Nomo 7 | // @match https://multichzzk.tv/* 8 | // @match https://mul.live/* 9 | // @match https://chzzk.naver.com/*?multichzzk 10 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 11 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 12 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/Better_Multichzzk/Better_Multichzzk.user.js 13 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/Better_Multichzzk/Better_Multichzzk.user.js 14 | // ==/UserScript== 15 | 16 | (function () { 17 | 'use strict'; 18 | let debug = false; 19 | 20 | let url = document.location.href; 21 | if (url.indexOf("//multichzzk.tv/") !== -1 || url.indexOf("//mul.live/") !== -1) { 22 | let iframes = document.querySelectorAll('iframe'); 23 | if (debug) console.log("iframes", iframes); 24 | 25 | iframes.forEach(function (iframe) { 26 | if (iframe.src.indexOf('//chzzk.naver.com/') !== -1 && iframe.src.indexOf('?multichzzk') === -1) { 27 | iframe.src = iframe.src + '?multichzzk'; 28 | } 29 | }); 30 | } else if (url.indexOf("//chzzk.naver.com/") !== -1) { 31 | let isTopWindow = window.self === window.top; 32 | if (isTopWindow) { 33 | return; 34 | } 35 | 36 | if (debug) console.log("chzzk embed", url); 37 | 38 | function waitForElement(selector, callback) { 39 | const existingElement = document.querySelector(selector); 40 | 41 | if (existingElement) { 42 | callback(existingElement); 43 | } else { 44 | const observer = new MutationObserver((mutationsList) => { 45 | const targetElement = document.querySelector(selector); 46 | if (targetElement) { 47 | observer.disconnect(); 48 | callback(targetElement); 49 | } 50 | }); 51 | 52 | observer.observe(document.documentElement, { 53 | childList: true, 54 | subtree: true, 55 | }); 56 | } 57 | } 58 | 59 | let player = undefined; 60 | let handleVideoReadyFired = false; 61 | 62 | let handleVideoReady = function(){ 63 | if (handleVideoReadyFired) return; 64 | handleVideoReadyFired = true; 65 | let viewmode_buttons = document.querySelectorAll(".pzp-pc__viewmode-button"); 66 | if(viewmode_buttons.length == 1){ 67 | viewmode_buttons[0].click(); 68 | } 69 | else{ 70 | // 치즈나이프와의 충돌 방지 71 | for (let i = 0; i < viewmode_buttons.length; i++) { 72 | let button = viewmode_buttons[i]; 73 | if (button.getAttribute('aria-label') === '넓은 화면') { 74 | button.click(); 75 | break; 76 | } 77 | } 78 | } 79 | document.querySelector('[class^="live_chatting_header_button__"]').click(); 80 | }; 81 | 82 | waitForElement("video.webplayer-internal-video", function (node) { 83 | if (debug) console.log("found video player", node); 84 | player = node; 85 | if (player.readyState >= 2) { 86 | handleVideoReady(); 87 | } else { 88 | player.addEventListener('loadedmetadata', function once() { 89 | player.removeEventListener('loadedmetadata', once); 90 | handleVideoReady(); 91 | }); 92 | } 93 | player.muted = true; 94 | }); 95 | 96 | } 97 | 98 | })(); -------------------------------------------------------------------------------- /CHZZK_Always_Awake/CHZZK_Always_Awake.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK_Always_Awake 3 | // @namespace CHZZK_Always_Awake 4 | // @version 0.0.1 5 | // @description Pretends to be active even when the tab is inactive. 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Always_Awake/CHZZK_Always_Awake.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Always_Awake/CHZZK_Always_Awake.user.js 12 | // @grant unsafeWindow 13 | // @run-at document-start 14 | // ==/UserScript== 15 | 16 | (async () => { 17 | 'use strict'; 18 | var DEBUG = false; 19 | var NOMO_DEBUG = function ( /**/ ) { 20 | if (!DEBUG) return; 21 | var args = arguments, args_length = args.length, args_copy = args; 22 | for (let i = args_length; i > 0; i--) args[i] = args_copy[i - 1]; 23 | args[0] = "[CAA] "; 24 | args.length = args_length + 1; 25 | console.log.apply(console, args); 26 | }; 27 | var date_n = Number(new Date()); 28 | 29 | NOMO_DEBUG("GM_SETTINGS.disable_visibilitychange: true"); 30 | try{ 31 | Object.defineProperty(document, 'hidden', { 32 | value: false, 33 | writable: false 34 | }); 35 | } 36 | catch(e){ 37 | NOMO_DEBUG("disable_visibilitychange error - hidden redefine", e); 38 | } 39 | 40 | try{ 41 | Object.defineProperty(document, 'visibilityState', { 42 | value: 'visible', 43 | writable: false 44 | }); 45 | } 46 | catch(e){ 47 | NOMO_DEBUG("disable_visibilitychange error - visibilityState redefine", e); 48 | } 49 | 50 | try{ 51 | Object.defineProperty(document, 'webkitVisibilityState', { 52 | value: 'visible', 53 | writable: false 54 | }); 55 | } 56 | catch(e){ 57 | NOMO_DEBUG("disable_visibilitychange error - webkitVisibilityState redefine", e); 58 | } 59 | 60 | try{ 61 | document.dispatchEvent(new Event('visibilitychange')); 62 | } 63 | catch(e){ 64 | NOMO_DEBUG("disable_visibilitychange error - visibilitychange dispatchEvent", e); 65 | } 66 | 67 | try{ 68 | document.hasFocus = function () { 69 | return true; 70 | }; 71 | } 72 | catch(e){ 73 | NOMO_DEBUG("disable_visibilitychange error - hasFocus return true", e); 74 | } 75 | 76 | try{ 77 | unsafeWindow["_addEventListener_" + date_n] = unsafeWindow.addEventListener; 78 | unsafeWindow.addEventListener = function (a, b, c) { 79 | if (a === "visibilitychange" || a === "blur" || a === "webkitvisibilitychange") { 80 | return; 81 | } 82 | 83 | if (c == undefined){ 84 | c = false; 85 | } 86 | unsafeWindow["_addEventListener_" + date_n](a, b, c); 87 | }; 88 | } 89 | catch(e){ 90 | NOMO_DEBUG("disable_visibilitychange error - overwrite window addEventListener", e); 91 | } 92 | 93 | try{ 94 | unsafeWindow.document["_addEventListener_" + date_n] = unsafeWindow.document.addEventListener; 95 | unsafeWindow.document.addEventListener = function (a, b, c) { 96 | if (a === "visibilitychange" || a === "blur" || a === "webkitvisibilitychange") { 97 | return; 98 | } 99 | 100 | if (c == undefined){ 101 | c = false; 102 | } 103 | unsafeWindow.document["_addEventListener_" + date_n](a, b, c); 104 | }; 105 | } 106 | catch(e){ 107 | NOMO_DEBUG("disable_visibilitychange error - overwrite document addEventListener", e); 108 | } 109 | 110 | })(); 111 | -------------------------------------------------------------------------------- /CHZZK_sign_in_iframe/CHZZK_sign_in_iframe.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK_sign_in_iframe 3 | // @namespace CHZZK_sign_in_iframe 4 | // @version 0.0.2 5 | // @description iframe 으로 삽입된 CHZZK 페이지에서 로그인이 유지되도록 합니다. 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_sign_in_iframe/CHZZK_sign_in_iframe.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_sign_in_iframe/CHZZK_sign_in_iframe.user.js 12 | // @grant GM_cookie 13 | // @grant GM.cookie 14 | // @run-at document-start 15 | // ==/UserScript== 16 | 17 | (function () { 18 | 'use strict'; 19 | 20 | var DEBUG = false; 21 | const targetCookies = ["NID_SES", "NID_AUT", "NID_JKL"]; 22 | 23 | if (!GM.cookie) { 24 | console.log("GM.cookie is not supported."); 25 | return; 26 | } 27 | 28 | if (DEBUG) { 29 | GM.cookie.list({}).then(function (cookies, error) { 30 | console.log("get all coockies", cookies, error); 31 | }); 32 | } 33 | 34 | function setCookieSameSiteNone(targetCookieName, options) { 35 | GM.cookie.list({ 36 | name: targetCookieName 37 | }).then(function (cookies, error) { 38 | if (!error) { 39 | for (let i = 0; i < cookies.length; i++) { 40 | if(cookies[i].sameSite == "no_restriction" && cookies[i].secure == true){ 41 | continue; 42 | } 43 | 44 | // if (DEBUG) console.log("Try to delete old cookie", cookies[0]); 45 | // GM_cookie.delete(cookies[i], function () { 46 | 47 | // cookies[i].sameSite = "no_restriction"; 48 | // cookies[i].secure = true; 49 | 50 | // if (DEBUG) console.log("Try to set new cookie", cookies[0]); 51 | // GM.cookie.set(cookies[i]) 52 | // .then(function () { 53 | // if (DEBUG) console.log('set cookie done'); 54 | // }, function (error) { 55 | // if (DEBUG) console.log('set cookie error', error); 56 | // }); 57 | 58 | // }) 59 | 60 | cookies[i].sameSite = "no_restriction"; 61 | cookies[i].secure = true; 62 | 63 | if (DEBUG) console.log("Try to set new cookie", cookies[0]); 64 | GM.cookie.set(cookies[i]) 65 | .then(function () { 66 | if (DEBUG) console.log('set cookie done'); 67 | }, function (error) { 68 | if (DEBUG) console.log('set cookie error', error); 69 | }); 70 | } 71 | } 72 | else{ 73 | if (DEBUG) console.log('error from GM.cookie.list of setCookieSameSiteNone'); 74 | } 75 | }); 76 | } 77 | 78 | for (const ck of targetCookies) { 79 | setCookieSameSiteNone(ck); 80 | } 81 | 82 | let isTopWindow = window.self === window.top; 83 | 84 | // 쿠키 변경 시 갱신 85 | if (cookieStore) { 86 | cookieStore.addEventListener("change", function (event) { 87 | if (DEBUG) console.log("cookie change event", event.changed); 88 | 89 | if (event.changed.length > 0 && event.changed[0].sameSite != "none" && targetCookies.includes(event.changed[0].name)) { 90 | setCookieSameSiteNone(event.changed[0].name); 91 | } 92 | 93 | }); 94 | } else { 95 | console.log("cookieStore is not supported."); 96 | if(isTopWindow){ 97 | setInterval(function () { 98 | for (const ck of targetCookies) { 99 | setCookieSameSiteNone(ck); 100 | } 101 | }, 250); 102 | } 103 | } 104 | 105 | // 전혀 상관없는 다른 창에서 쿠키 변경된 경우 때문에 문제 발생하는 경우를 방지 106 | if(!isTopWindow){ 107 | document.addEventListener("DOMContentLoaded", function() { 108 | setTimeout(function(){ 109 | setInterval(function () { 110 | for (const ck of targetCookies) { 111 | setCookieSameSiteNone(ck); 112 | } 113 | }, 250); 114 | },2000); 115 | }); 116 | } 117 | 118 | })(); -------------------------------------------------------------------------------- /CHZZK_Restore_Blind_Chat/CHZZK_Restore_Blind_Chat.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Restore Blind Chat 3 | // @namespace CHZZK_Restore_Blind_Chat 4 | // @version 0.0.3 5 | // @description Restore original chat messages when they are hidden by the admin 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Restore_Blind_Chat/CHZZK_Restore_Blind_Chat.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Restore_Blind_Chat/CHZZK_Restore_Blind_Chat.user.js 12 | // @grant none 13 | // ==/UserScript== 14 | 15 | 16 | (function() { 17 | 'use strict'; 18 | 19 | // Function to check if class name starts with a specific prefix 20 | function classStartsWith(element, prefix) { 21 | return element && Array.from(element.classList).some(className => className.startsWith(prefix)); 22 | } 23 | 24 | // Check and update whether autoscroll is currently active 25 | let autoscroll = true; 26 | function updatechatAutoScroll(){ 27 | const scrollButtonChattingElement = document.querySelector('[class*="live_chatting_scroll_button_chatting__"]'); 28 | if (scrollButtonChattingElement) { 29 | autoscroll = false; 30 | } 31 | else { 32 | autoscroll = true; 33 | } 34 | } 35 | 36 | // Scroll down the chatbox 37 | function chatScrollToBottom() { 38 | const chattingListWrapperElement = document.querySelector('[class*="live_chatting_list_wrapper__"]'); 39 | if (chattingListWrapperElement && autoscroll) { 40 | chattingListWrapperElement.scrollTop = chattingListWrapperElement.scrollHeight + 1000000; 41 | } 42 | } 43 | 44 | // Function to observe individual chat elements for changes in attributes 45 | function observeChatAttributes(node) { 46 | if (node.nodeType === 1 && classStartsWith(node, 'live_chatting_message_container__')) { 47 | // Create a MutationObserver to watch for attribute changes 48 | const attributeObserver = new MutationObserver(mutations => { 49 | mutations.forEach(mutation => { 50 | if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 51 | const target = mutation.target; 52 | if (classStartsWith(target, 'live_chatting_message_is_hidden__')) { 53 | const parentElement = target.closest('[class^="live_chatting_list_item__"]'); 54 | const messageTextElem = target.querySelector('[class^="live_chatting_message_text__"]'); 55 | if (parentElement && messageTextElem) { 56 | const originalMessage = parentElement.getAttribute('data-original-message'); 57 | if (originalMessage) { 58 | updatechatAutoScroll(); 59 | messageTextElem.innerText = `[블라인드된 메시지] ${originalMessage}`; 60 | chatScrollToBottom(); 61 | } 62 | } 63 | } 64 | } 65 | }); 66 | }); 67 | 68 | attributeObserver.observe(node, { attributes: true }); 69 | } 70 | } 71 | 72 | // Function to observe individual chat elements 73 | function observeChatElements(node) { 74 | if (node.nodeType === 1 && classStartsWith(node, 'live_chatting_list_item__')) { 75 | const messageTextElem = node.querySelector('[class^="live_chatting_message_text__"]'); 76 | if (messageTextElem) { 77 | const messageIdElem = node.querySelector('[class^="live_chatting_username_nickname__"]'); 78 | if (messageTextElem && messageIdElem) { 79 | const messageText = messageTextElem.innerText; 80 | // Store the original message in a data attribute 81 | node.setAttribute('data-original-message', messageText); 82 | // Observe the container for attribute changes 83 | const messageContainer = node.querySelector('[class^="live_chatting_message_container__"]'); 84 | if (messageContainer) { 85 | observeChatAttributes(messageContainer); 86 | } 87 | } 88 | } 89 | } 90 | } 91 | 92 | // Main observer to detect chat elements in the body 93 | const mainObserver = new MutationObserver(mutations => { 94 | mutations.forEach(mutation => { 95 | mutation.addedNodes.forEach(node => { 96 | observeChatElements(node); 97 | }); 98 | }); 99 | }); 100 | 101 | // Start observing the body for chat elements 102 | function startObserving() { 103 | const mainContainer = document.body; 104 | if (mainContainer) { 105 | mainObserver.observe(mainContainer, { childList: true, subtree: true }); 106 | 107 | // Check if chat elements already exist 108 | const existingChatElements = document.querySelectorAll('[class^="live_chatting_list_item__"]'); 109 | existingChatElements.forEach(node => observeChatElements(node)); 110 | } else { 111 | setTimeout(startObserving, 1000); 112 | } 113 | } 114 | 115 | startObserving(); 116 | })(); -------------------------------------------------------------------------------- /CHZZK_Degul_Interpreter/CHZZK_Degul_Interpreter.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK 데굴어 통역기 3 | // @namespace CHZZK_Degul_Interpreter 4 | // @version 0.0.2 5 | // @description 치지직에서 '데굴'을 실제 뜻으로 번역해 보여줍니다. 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @homepageURL https://github.com/nomomo/Chzzk_Scripts/CHZZK_Degul_Interpreter/ 9 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Degul_Interpreter/CHZZK_Degul_Interpreter.user.js 10 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Degul_Interpreter/CHZZK_Degul_Interpreter.user.js 11 | // @run-at document-end 12 | // @grant none 13 | // ==/UserScript== 14 | 15 | (() => { 16 | 'use strict'; 17 | 18 | // --- 동적으로 변하는 입력창 클래스의 접두사 19 | const DYNAMIC_CLASS_PREFIXES = ['live_chatting_input_input__']; 20 | 21 | // --- 스킵할 셀렉터(명시) 22 | const SKIP_SELECTORS = [ 23 | '[contenteditable="true"]', 24 | '[role="textbox"]', 25 | 'input', 26 | 'textarea', 27 | 'script', 28 | 'style', 29 | ]; 30 | const SKIP_SELECTOR_STR = SKIP_SELECTORS.join(','); 31 | 32 | /** 33 | * 텍스트 치환: 34 | * A) 단어형 35 | * - '데…굴' → '시…발', '떼…굴' → '씨…발' 36 | * - '데…꿀' → '시…빨', '떼…꿀' → '씨…빨' 37 | * B) 자모 축약형 38 | * - 'ㄷ…ㄱ' → 'ㅅ…ㅂ', 'ㄸ…ㄱ' → 'ㅆ…ㅂ' 39 | * - 'ㄷ…ㄲ' → 'ㅅ…ㅃ', 'ㄸ…ㄲ' → 'ㅆ…ㅃ' 40 | * 41 | * 가운데의 특수문자/공백 시퀀스(…)는 그대로 보존. 42 | */ 43 | function replaceText(s) { 44 | // 단어형(데/떼 … 꿀/굴) 45 | let out = s.replace(/(떼|데)([^가-힣A-Za-z0-9]*)(꿀|굴)/gu, (_, head, mid, tail) => { 46 | const first = head === '떼' ? '씨' : '시'; 47 | const last = tail === '꿀' ? '빨' : '발'; 48 | return first + mid + last; 49 | }); 50 | 51 | // 자모 축약형(ㄷ/ㄸ … ㄱ/ㄲ) 52 | out = out.replace(/(ㄸ|ㄷ)([^가-힣A-Za-z0-9]*)(ㄲ|ㄱ)/gu, (_, head, mid, tail) => { 53 | const first = head === 'ㄸ' ? 'ㅆ' : 'ㅅ'; 54 | const last = tail === 'ㄲ' ? 'ㅃ' : 'ㅂ'; 55 | return first + mid + last; 56 | }); 57 | 58 | return out; 59 | } 60 | 61 | /** 요소가 주어진 클래스 접두사 중 하나를 갖는지 확인 */ 62 | function hasAnyClassWithPrefix(el, prefixes) { 63 | if (!(el instanceof Element) || !el.classList || el.classList.length === 0) return false; 64 | for (const cls of el.classList) { 65 | for (const p of prefixes) if (cls.startsWith(p)) return true; 66 | } 67 | return false; 68 | } 69 | 70 | /** 스킵 여부 판단: 명시 셀렉터 + 동적 클래스 접두사 + isContentEditable 백업 */ 71 | function isSkippable(el) { 72 | if (!(el instanceof Element)) return false; 73 | if (el.matches(SKIP_SELECTOR_STR)) return true; // ✅ 명시 셀렉터 우선 74 | if (hasAnyClassWithPrefix(el, DYNAMIC_CLASS_PREFIXES)) return true; // ✅ CHZZK 입력창 해시 클래스 75 | if (el.isContentEditable) return true; // ✅ 백업(속성 변형 대비) 76 | return false; 77 | } 78 | 79 | /** 노드가 스킵 영역 내부(조상 포함)인지 검사 (Shadow DOM 포함) */ 80 | function isInsideSkippable(node) { 81 | let n = node; 82 | while (n) { 83 | if (n instanceof Element && isSkippable(n)) return true; 84 | const p = n.parentNode; 85 | if (p && p.nodeType === 11 /* ShadowRoot */ && p.host) { 86 | n = p.host; // shadow -> host 87 | } else { 88 | n = n.parentNode || null; 89 | } 90 | } 91 | return false; 92 | } 93 | 94 | /** 텍스트 노드 순회 치환 (입력/편집 영역 제외) */ 95 | function walkAndReplace(root) { 96 | if (!root) return; 97 | const walker = document.createTreeWalker( 98 | root, 99 | NodeFilter.SHOW_TEXT, 100 | { 101 | acceptNode: (t) => { 102 | if (!t.nodeValue || !t.parentNode) return NodeFilter.FILTER_REJECT; 103 | return isInsideSkippable(t) ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT; 104 | }, 105 | }, 106 | ); 107 | 108 | const edits = []; 109 | for (let n = walker.nextNode(); n; n = walker.nextNode()) { 110 | const before = n.nodeValue; 111 | const after = replaceText(before); 112 | if (before !== after) edits.push([n, after]); 113 | } 114 | for (const [n, after] of edits) n.nodeValue = after; 115 | } 116 | 117 | /** DOM 변경 관찰: 추가/수정된 텍스트만 처리 */ 118 | function observe(root) { 119 | if (!root) return; 120 | const mo = new MutationObserver((muts) => { 121 | for (const m of muts) { 122 | if (m.type === 'characterData' && m.target && m.target.nodeType === 3) { 123 | const t = m.target; 124 | if (isInsideSkippable(t)) continue; // 입력/편집 영역은 무시 125 | const before = t.nodeValue; 126 | const after = replaceText(before); 127 | if (before !== after) t.nodeValue = after; 128 | continue; 129 | } 130 | for (const n of m.addedNodes) { 131 | if (n.nodeType === 3) { 132 | if (isInsideSkippable(n)) continue; 133 | const before = n.nodeValue; 134 | const after = replaceText(before); 135 | if (before !== after) n.nodeValue = after; 136 | } else if (n.nodeType === 1) { 137 | if (isInsideSkippable(n)) continue; 138 | walkAndReplace(n); 139 | if (n.shadowRoot) { 140 | walkAndReplace(n.shadowRoot); 141 | observe(n.shadowRoot); 142 | } 143 | } 144 | } 145 | } 146 | }); 147 | mo.observe(root, { subtree: true, childList: true, characterData: true }); 148 | } 149 | 150 | /** 부트스트랩 */ 151 | function boot() { 152 | const docRoot = document.documentElement || document.body; 153 | walkAndReplace(docRoot); 154 | observe(docRoot); 155 | 156 | // 열린 Shadow DOM도 초기 스캔/관찰 157 | document.querySelectorAll('*').forEach((el) => { 158 | if (el.shadowRoot) { 159 | walkAndReplace(el.shadowRoot); 160 | observe(el.shadowRoot); 161 | } 162 | }); 163 | } 164 | 165 | if (document.readyState === 'loading') { 166 | document.addEventListener('DOMContentLoaded', boot, { once: true }); 167 | } else { 168 | boot(); 169 | } 170 | })(); 171 | -------------------------------------------------------------------------------- /CHZZK_Never_Stop_At_Start/CHZZK_Never_Stop_At_Start.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Never Stop At Start 3 | // @namespace CHZZK_Never_Stop_At_Start 4 | // @version 0.0.2 5 | // @description CHZZK_Never_Stop_At_Start 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Never_Stop_At_Start/CHZZK_Never_Stop_At_Start.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Never_Stop_At_Start/CHZZK_Never_Stop_At_Start.user.js 12 | // @grant none 13 | // ==/UserScript== 14 | 15 | (function() { 16 | 'use strict'; 17 | 18 | /* 19 | * arrive.js 20 | * v2.4.1 21 | * https://github.com/uzairfarooq/arrive 22 | * MIT licensed 23 | * 24 | * Copyright (c) 2014-2017 Uzair Farooq 25 | */ 26 | var Arrive=function(e,t,n){"use strict";function r(e,t,n){l.addMethod(t,n,e.unbindEvent),l.addMethod(t,n,e.unbindEventWithSelectorOrCallback),l.addMethod(t,n,e.unbindEventWithSelectorAndCallback)}function i(e){e.arrive=f.bindEvent,r(f,e,"unbindArrive"),e.leave=d.bindEvent,r(d,e,"unbindLeave")}if(e.MutationObserver&&"undefined"!=typeof HTMLElement){var o=0,l=function(){var t=HTMLElement.prototype.matches||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector;return{matchesSelector:function(e,n){return e instanceof HTMLElement&&t.call(e,n)},addMethod:function(e,t,r){var i=e[t];e[t]=function(){return r.length==arguments.length?r.apply(this,arguments):"function"==typeof i?i.apply(this,arguments):n}},callCallbacks:function(e,t){t&&t.options.onceOnly&&1==t.firedElems.length&&(e=[e[0]]);for(var n,r=0;n=e[r];r++)n&&n.callback&&n.callback.call(n.elem,n.elem);t&&t.options.onceOnly&&1==t.firedElems.length&&t.me.unbindEventWithSelectorAndCallback.call(t.target,t.selector,t.callback)},checkChildNodesRecursively:function(e,t,n,r){for(var i,o=0;i=e[o];o++)n(i,t,r)&&r.push({callback:t.callback,elem:i}),i.childNodes.length>0&&l.checkChildNodesRecursively(i.childNodes,t,n,r)},mergeArrays:function(e,t){var n,r={};for(n in e)e.hasOwnProperty(n)&&(r[n]=e[n]);for(n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return r},toElementsArray:function(t){return n===t||"number"==typeof t.length&&t!==e||(t=[t]),t}}}(),c=function(){var e=function(){this._eventsBucket=[],this._beforeAdding=null,this._beforeRemoving=null};return e.prototype.addEvent=function(e,t,n,r){var i={target:e,selector:t,options:n,callback:r,firedElems:[]};return this._beforeAdding&&this._beforeAdding(i),this._eventsBucket.push(i),i},e.prototype.removeEvent=function(e){for(var t,n=this._eventsBucket.length-1;t=this._eventsBucket[n];n--)if(e(t)){this._beforeRemoving&&this._beforeRemoving(t);var r=this._eventsBucket.splice(n,1);r&&r.length&&(r[0].callback=null)}},e.prototype.beforeAdding=function(e){this._beforeAdding=e},e.prototype.beforeRemoving=function(e){this._beforeRemoving=e},e}(),a=function(t,r){var i=new c,o=this,a={fireOnAttributesModification:!1};return i.beforeAdding(function(n){var i,l=n.target;(l===e.document||l===e)&&(l=document.getElementsByTagName("html")[0]),i=new MutationObserver(function(e){r.call(this,e,n)});var c=t(n.options);i.observe(l,c),n.observer=i,n.me=o}),i.beforeRemoving(function(e){e.observer.disconnect()}),this.bindEvent=function(e,t,n){t=l.mergeArrays(a,t);for(var r=l.toElementsArray(this),o=0;o0?l.checkChildNodesRecursively(n,t,r,o):"attributes"===e.type&&r(i,t,o)&&o.push({callback:t.callback,elem:i}),l.callCallbacks(o,t)})}function r(e,t){return l.matchesSelector(e,t.selector)&&(e._id===n&&(e._id=o++),-1==t.firedElems.indexOf(e._id))?(t.firedElems.push(e._id),!0):!1}var i={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};f=new a(e,t);var c=f.bindEvent;return f.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t);var o=l.toElementsArray(this);if(t.existing){for(var a=[],s=0;s0&&l.checkChildNodesRecursively(n,t,r,i),l.callCallbacks(i,t)})}function r(e,t){return l.matchesSelector(e,t.selector)}var i={};d=new a(e,t);var o=d.bindEvent;return d.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t),o.call(this,e,t,r)},d},f=new s,d=new u;t&&i(t.fn),i(HTMLElement.prototype),i(NodeList.prototype),i(HTMLCollection.prototype),i(HTMLDocument.prototype),i(Window.prototype);var h={};return r(f,h,"unbindAllArrive"),r(d,h,"unbindAllLeave"),h}}(window,"undefined"==typeof jQuery?null:jQuery,void 0); 27 | 28 | const tol = 1000.0; 29 | 30 | document.arrive('.pzp-pc__video video', function() { 31 | const video = this; 32 | video.addEventListener('canplaythrough', function() { 33 | if(video.paused){ 34 | video.play(); 35 | } 36 | 37 | // redundant 38 | setTimeout(function(){ 39 | if(video.paused){ 40 | video.play(); 41 | } 42 | }, tol); 43 | }, { once: true }); 44 | }); 45 | 46 | })(); 47 | -------------------------------------------------------------------------------- /CHZZK_Better_Shorts_Player/CHZZK_Better_Shorts_Player.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Better Shorts Player 3 | // @namespace CHZZK_Better_Shorts_Player 4 | // @version 0.0.1 5 | // @description Chzzk 의 클립 보기 화면 개선 6 | // @author Nomo 7 | // @match https://m.naver.com/shorts/* 8 | // @homepageURL https://github.com/nomomo/Chzzk_Scripts/ 9 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Better_Shorts_Player/CHZZK_Better_Shorts_Player.user.js 10 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Better_Shorts_Player/CHZZK_Better_Shorts_Player.user.js 11 | // @require https://cdn.jsdelivr.net/npm/arrive@2.4.1/minified/arrive.min.js 12 | // @grant GM_getValue 13 | // @grant GM_setValue 14 | // @grant GM_addStyle 15 | // ==/UserScript== 16 | 17 | (function() { 18 | 'use strict'; 19 | 20 | GM_addStyle(` 21 | /* 기본적으로 숨기기 */ 22 | #app .sp_progress_wrap, 23 | #app .section_header, 24 | #app .section_info { 25 | opacity: 0; 26 | transition: opacity 0.3s ease-in-out; 27 | } 28 | 29 | /* #app에 마우스가 올라가 있을 때만 표시 */ 30 | #app:hover .sp_progress_wrap, 31 | #app:hover .section_header, 32 | #app:hover .section_info { 33 | opacity: 1; 34 | } 35 | 36 | `); 37 | 38 | const volumeControlClass = 'custom-volume-control-wrapper'; 39 | const handleDefaultSize = 10; // 기본 핸들 크기 40 | const handleHoverSize = 14; // 마우스 오버 시 핸들 크기 41 | let isDragging = false; // 드래그 상태 플래그 42 | 43 | // 기존 볼륨 컨트롤러 제거 함수 44 | function removeExistingVolumeControl() { 45 | document.querySelector(`.${volumeControlClass}`)?.remove(); 46 | } 47 | 48 | // 스타일 설정 함수 49 | function setStyles(element, styles) { 50 | Object.assign(element.style, styles); 51 | } 52 | 53 | // 핸들 크기 설정 함수 54 | function setHandleSize(handle, size, animate = true) { 55 | if (animate) { 56 | handle.style.transition = 'width 0.2s ease, height 0.2s ease, left 0.2s ease'; 57 | } else { 58 | handle.style.transition = 'none'; 59 | } 60 | handle.style.width = `${size}px`; 61 | handle.style.height = `${size}px`; 62 | handle.style.left = `${-size / 2 + 1}px`; // 중앙 정렬을 위한 위치 조정 63 | } 64 | 65 | // 볼륨 컨트롤러 추가 함수 66 | function addVolumeControl() { 67 | console.log("addVolumeControl"); 68 | // 기존 컨트롤러 제거 69 | removeExistingVolumeControl(); 70 | 71 | // video 엘리먼트 찾기 72 | const contentWrap = document.querySelector('.sh_wrap'); 73 | if (!contentWrap) return; 74 | 75 | // 이전에 저장된 볼륨 값 불러오기 (없으면 기본값 1.0) 76 | const savedVolume = GM_getValue('videoVolume', 1.0); 77 | 78 | // 볼륨 컨트롤러 래퍼 엘리먼트 생성 79 | const volumeWrapper = document.createElement('div'); 80 | volumeWrapper.className = volumeControlClass; 81 | setStyles(volumeWrapper, { 82 | position: 'absolute', 83 | right: '12px', 84 | top: '40px', 85 | width: '30px', 86 | height: '120px', 87 | zIndex: '9999', 88 | display: 'flex', 89 | alignItems: 'center', 90 | justifyContent: 'center', 91 | flexDirection: 'column', 92 | pointerEvents: 'auto' 93 | }); 94 | 95 | // 볼륨 컨트롤러 엘리먼트 생성 96 | const volumeControl = document.createElement('div'); 97 | volumeControl.className = 'custom-volume-control'; 98 | setStyles(volumeControl, { 99 | width: '2px', // 컨트롤 바 너비 2px 100 | height: `calc(100% - ${handleHoverSize * 2}px)`, // 핸들 크기만큼 공간 확보 101 | backgroundColor: '#333', // 기본 어두운 회색 102 | borderRadius: '5px', 103 | position: 'relative', 104 | cursor: 'pointer', 105 | marginTop: `${handleHoverSize}px`, // 핸들이 벗어나지 않도록 상단에 마진 추가 106 | }); 107 | 108 | // 볼륨 조절 원 생성 109 | const volumeHandle = document.createElement('div'); 110 | setHandleSize(volumeHandle, handleDefaultSize, false); // 기본 크기로 설정, 애니메이션 없음 111 | setStyles(volumeHandle, { 112 | backgroundColor: '#FFFFFF', 113 | borderRadius: '50%', 114 | position: 'absolute', 115 | bottom: '0', 116 | cursor: 'pointer', 117 | }); 118 | 119 | // 핸들에 마우스 오버 시 핸들 크기 확대 120 | volumeHandle.addEventListener('mouseover', () => { 121 | if (!isDragging) { 122 | setHandleSize(volumeHandle, handleHoverSize); 123 | } 124 | }); 125 | 126 | volumeHandle.addEventListener('mouseout', () => { 127 | if (!isDragging) { 128 | setHandleSize(volumeHandle, handleDefaultSize); 129 | } 130 | }); 131 | 132 | // 비디오 엘리먼트 가져오기 133 | const video = document.querySelector('.webplayer-internal-video'); 134 | if (video) { 135 | // 이전에 저장된 볼륨 값 적용 136 | video.volume = savedVolume; 137 | // 현재 비디오 볼륨에 따라 볼륨 핸들 위치 설정 및 컨트롤 바 색상 업데이트 138 | volumeHandle.style.bottom = `calc(${video.volume * 100}% - ${handleHoverSize / 2}px)`; 139 | volumeControl.style.background = `linear-gradient(to top, #fff ${video.volume * 100}%, #333 ${video.volume * 100}%)`; 140 | } 141 | 142 | // 볼륨 조절 함수 143 | function setVolume(y) { 144 | const rect = volumeControl.getBoundingClientRect(); 145 | let volumeLevel = (rect.bottom - y) / rect.height; 146 | volumeLevel = Math.min(Math.max(volumeLevel, 0), 1); // 0 ~ 1 사이로 제한 147 | 148 | if (video) { 149 | video.volume = volumeLevel; 150 | GM_setValue('videoVolume', volumeLevel); // 볼륨 값 저장 151 | } 152 | 153 | // 볼륨 핸들 위치 조정 154 | volumeHandle.style.bottom = `calc(${volumeLevel * 100}% - ${handleHoverSize / 2}px)`; 155 | // 볼륨에 따라 바 색상 업데이트 156 | volumeControl.style.background = `linear-gradient(to top, #fff ${volumeLevel * 100}%, #333 ${volumeLevel * 100}%)`; 157 | } 158 | 159 | // 클릭 및 드래그 이벤트 핸들러 160 | function onMouseMove(e) { 161 | setVolume(e.clientY); 162 | } 163 | 164 | volumeControl.addEventListener('mousedown', function(e) { 165 | isDragging = true; 166 | setHandleSize(volumeHandle, handleHoverSize); // 드래그 시작 시 핸들 크기 확대 167 | setVolume(e.clientY); // 처음 클릭 시 볼륨 설정 168 | document.addEventListener('mousemove', onMouseMove); 169 | document.addEventListener('mouseup', function() { 170 | document.removeEventListener('mousemove', onMouseMove); 171 | isDragging = false; 172 | setHandleSize(volumeHandle, handleDefaultSize); // 드래그 종료 시 핸들 크기 원상복귀 173 | }, { once: true }); 174 | }); 175 | 176 | // 볼륨 컨트롤러에 핸들 추가 177 | volumeControl.appendChild(volumeHandle); 178 | volumeWrapper.appendChild(volumeControl); 179 | contentWrap.appendChild(volumeWrapper); 180 | } 181 | 182 | // .video 엘리먼트가 생성되었을 때 볼륨 컨트롤러 추가 183 | document.arrive('.webplayer-internal-video', {existing: true}, addVolumeControl); 184 | 185 | })(); 186 | -------------------------------------------------------------------------------- /CHZZK_Video_RealTime/CHZZK_Video_RealTime.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Video RealTime 3 | // @namespace CHZZK_Video_RealTime 4 | // @version 0.0.1 5 | // @description Displays the actual time of the video when hovering over the slider bar on CHZZK replay videos 6 | // @author You 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Video_RealTime/CHZZK_Video_RealTime.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Video_RealTime/CHZZK_Video_RealTime.user.js 12 | // @require https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js 13 | // @grant GM_addStyle 14 | // ==/UserScript== 15 | 16 | (function () { 17 | 'use strict'; 18 | 19 | let debug = false; 20 | 21 | GM_addStyle(` 22 | .realtime-display { 23 | color: white; 24 | font-weight: 600; 25 | margin-top: 3px; 26 | font-size: 12px; 27 | text-shadow: 0 0 4px rgba(0,0,0,.4); 28 | } 29 | `); 30 | 31 | // Helper to parse time string (HH:MM:SS) to seconds 32 | function timeStringToSeconds(timeString) { 33 | const parts = timeString.split(':').map(Number); 34 | return parts.length === 3 35 | ? parts[0] * 3600 + parts[1] * 60 + parts[2] 36 | : parts[0] * 60 + parts[1]; 37 | } 38 | 39 | // Helper to format seconds as HH:MM:SS 40 | function secondsToTimeString(seconds) { 41 | const hours = Math.floor(seconds / 3600).toString().padStart(2, '0'); 42 | const minutes = Math.floor((seconds % 3600) / 60).toString().padStart(2, '0'); 43 | const secs = Math.floor(seconds % 60).toString().padStart(2, '0'); 44 | return `${hours}:${minutes}:${secs}`; 45 | } 46 | 47 | let liveOpenDate = ""; 48 | let totalDuration = 0; 49 | 50 | // Fetch video metadata and calculate total duration for the same liveOpenDate 51 | async function fetchVideoMetadata(videoNo) { 52 | const url = `https://api.chzzk.naver.com/service/v2/videos/${videoNo}`; 53 | try { 54 | const response = await fetch(url); 55 | const data = await response.json(); 56 | 57 | if (!data || !data.content) { 58 | console.error("Invalid response data:", data); 59 | return; 60 | } 61 | 62 | const content = data.content; 63 | if (debug) console.log(`Processing videoNo: ${content.videoNo}, Title: ${content.videoTitle}, liveOpenDate: ${content.liveOpenDate}, Duration: ${content.duration}`); 64 | 65 | // Check if the liveOpenDate matches 66 | if (liveOpenDate === "") { 67 | liveOpenDate = new Date(content.liveOpenDate); 68 | } 69 | else{ 70 | if (new Date(content.liveOpenDate).getTime() === liveOpenDate.getTime()) { 71 | // Accumulate duration 72 | totalDuration += content.duration; 73 | } 74 | else { 75 | if (debug) console.log("Different liveOpenDate encountered. Stopping accumulation."); 76 | return; 77 | } 78 | } 79 | 80 | // Process the next video recursively if it exists 81 | if (content.nextVideo) { 82 | await fetchVideoMetadata(content.nextVideo.videoNo); 83 | } 84 | } catch (error) { 85 | console.error("Error fetching video metadata:", error); 86 | } 87 | } 88 | 89 | // Main function to add realtime display 90 | function addRealtimeDisplay() { 91 | const videoNo = window.location.pathname.split('/').pop(); 92 | totalDuration = 0; // Reset duration 93 | liveOpenDate = ""; // Reset liveOpenDate 94 | fetchVideoMetadata(videoNo).then(() => { 95 | if (debug) console.log("Total accumulated duration:", totalDuration); 96 | }); 97 | } 98 | 99 | // Detect slider element and add event listeners 100 | document.arrive('div[role="slider"]', { existing: true }, function (slider) { 101 | function handleMouseMove() { 102 | if (liveOpenDate === "") return; 103 | 104 | const timerElement = document.querySelector('.pzp-seeking-preview__time'); 105 | if (timerElement) { 106 | const videoTimeText = timerElement.textContent.trim(); 107 | const videoTimeInSeconds = timeStringToSeconds(videoTimeText); 108 | 109 | // Calculate real-time with total duration offset 110 | const realTime = new Date(liveOpenDate.getTime() + (videoTimeInSeconds + totalDuration) * 1000); 111 | const formattedTime = realTime.toLocaleString(); 112 | 113 | // Create or update the realtime div 114 | let realtimeDiv = timerElement.nextElementSibling; 115 | if (!realtimeDiv || !realtimeDiv.classList.contains('realtime-display')) { 116 | realtimeDiv = document.createElement('div'); 117 | realtimeDiv.className = 'realtime-display'; 118 | timerElement.parentElement.appendChild(realtimeDiv); 119 | } 120 | realtimeDiv.textContent = `${formattedTime}`; 121 | } 122 | } 123 | 124 | slider.addEventListener('mousemove', handleMouseMove); 125 | }); 126 | 127 | // Detect URL changes using History API 128 | function observeUrlChanges() { 129 | let lastUrl = ""; 130 | 131 | const checkUrl = () => { 132 | const currentUrl = window.location.href; 133 | if (currentUrl !== lastUrl) { 134 | lastUrl = currentUrl; 135 | 136 | // Check if the new URL is a video page 137 | if (/https:\/\/chzzk\.naver\.com\/video\/\d+/.test(currentUrl)) { 138 | if (debug) console.log("URL changed to a video page:", currentUrl); 139 | addRealtimeDisplay(); 140 | return; 141 | } 142 | } 143 | 144 | liveOpenDate = ""; 145 | const element = document.querySelector('.realtime-display'); 146 | if (element) { 147 | element.style.display = 'none'; 148 | } 149 | }; 150 | 151 | // Override pushState and replaceState 152 | const originalPushState = history.pushState; 153 | const originalReplaceState = history.replaceState; 154 | 155 | history.pushState = function (...args) { 156 | originalPushState.apply(this, args); 157 | checkUrl(); 158 | }; 159 | 160 | history.replaceState = function (...args) { 161 | originalReplaceState.apply(this, args); 162 | checkUrl(); 163 | }; 164 | 165 | // Listen for popstate event 166 | window.addEventListener('popstate', checkUrl); 167 | 168 | // Initial check on first page load 169 | checkUrl(); 170 | } 171 | 172 | // Initialize 173 | observeUrlChanges(); 174 | })(); 175 | -------------------------------------------------------------------------------- /CHZZK_Live_Progress_Slider/CHZZK_Live_Progress_Slider.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Live Progress Slider 3 | // @namespace CHZZK_Live_Progress_Slider 4 | // @version 0.0.4 5 | // @description Show the live progress slider on Chzzk 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @supportURL https://github.com/nomomo/Chzzk_Scripts/issues 9 | // @homepage https://github.com/nomomo/Chzzk_Scripts/ 10 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Live_Progress_Slider/CHZZK_Live_Progress_Slider.user.js 11 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Live_Progress_Slider/CHZZK_Live_Progress_Slider.user.js 12 | // @grant GM_addStyle 13 | // ==/UserScript== 14 | 15 | (function() { 16 | 'use strict'; 17 | 18 | /* 19 | * arrive.js 20 | * v2.4.1 21 | * https://github.com/uzairfarooq/arrive 22 | * MIT licensed 23 | * 24 | * Copyright (c) 2014-2017 Uzair Farooq 25 | */ 26 | var Arrive=function(e,t,n){"use strict";function r(e,t,n){l.addMethod(t,n,e.unbindEvent),l.addMethod(t,n,e.unbindEventWithSelectorOrCallback),l.addMethod(t,n,e.unbindEventWithSelectorAndCallback)}function i(e){e.arrive=f.bindEvent,r(f,e,"unbindArrive"),e.leave=d.bindEvent,r(d,e,"unbindLeave")}if(e.MutationObserver&&"undefined"!=typeof HTMLElement){var o=0,l=function(){var t=HTMLElement.prototype.matches||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector;return{matchesSelector:function(e,n){return e instanceof HTMLElement&&t.call(e,n)},addMethod:function(e,t,r){var i=e[t];e[t]=function(){return r.length==arguments.length?r.apply(this,arguments):"function"==typeof i?i.apply(this,arguments):n}},callCallbacks:function(e,t){t&&t.options.onceOnly&&1==t.firedElems.length&&(e=[e[0]]);for(var n,r=0;n=e[r];r++)n&&n.callback&&n.callback.call(n.elem,n.elem);t&&t.options.onceOnly&&1==t.firedElems.length&&t.me.unbindEventWithSelectorAndCallback.call(t.target,t.selector,t.callback)},checkChildNodesRecursively:function(e,t,n,r){for(var i,o=0;i=e[o];o++)n(i,t,r)&&r.push({callback:t.callback,elem:i}),i.childNodes.length>0&&l.checkChildNodesRecursively(i.childNodes,t,n,r)},mergeArrays:function(e,t){var n,r={};for(n in e)e.hasOwnProperty(n)&&(r[n]=e[n]);for(n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return r},toElementsArray:function(t){return n===t||"number"==typeof t.length&&t!==e||(t=[t]),t}}}(),c=function(){var e=function(){this._eventsBucket=[],this._beforeAdding=null,this._beforeRemoving=null};return e.prototype.addEvent=function(e,t,n,r){var i={target:e,selector:t,options:n,callback:r,firedElems:[]};return this._beforeAdding&&this._beforeAdding(i),this._eventsBucket.push(i),i},e.prototype.removeEvent=function(e){for(var t,n=this._eventsBucket.length-1;t=this._eventsBucket[n];n--)if(e(t)){this._beforeRemoving&&this._beforeRemoving(t);var r=this._eventsBucket.splice(n,1);r&&r.length&&(r[0].callback=null)}},e.prototype.beforeAdding=function(e){this._beforeAdding=e},e.prototype.beforeRemoving=function(e){this._beforeRemoving=e},e}(),a=function(t,r){var i=new c,o=this,a={fireOnAttributesModification:!1};return i.beforeAdding(function(n){var i,l=n.target;(l===e.document||l===e)&&(l=document.getElementsByTagName("html")[0]),i=new MutationObserver(function(e){r.call(this,e,n)});var c=t(n.options);i.observe(l,c),n.observer=i,n.me=o}),i.beforeRemoving(function(e){e.observer.disconnect()}),this.bindEvent=function(e,t,n){t=l.mergeArrays(a,t);for(var r=l.toElementsArray(this),o=0;o0?l.checkChildNodesRecursively(n,t,r,o):"attributes"===e.type&&r(i,t,o)&&o.push({callback:t.callback,elem:i}),l.callCallbacks(o,t)})}function r(e,t){return l.matchesSelector(e,t.selector)&&(e._id===n&&(e._id=o++),-1==t.firedElems.indexOf(e._id))?(t.firedElems.push(e._id),!0):!1}var i={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};f=new a(e,t);var c=f.bindEvent;return f.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t);var o=l.toElementsArray(this);if(t.existing){for(var a=[],s=0;s0&&l.checkChildNodesRecursively(n,t,r,i),l.callCallbacks(i,t)})}function r(e,t){return l.matchesSelector(e,t.selector)}var i={};d=new a(e,t);var o=d.bindEvent;return d.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t),o.call(this,e,t,r)},d},f=new s,d=new u;t&&i(t.fn),i(HTMLElement.prototype),i(NodeList.prototype),i(HTMLCollection.prototype),i(HTMLDocument.prototype),i(Window.prototype);var h={};return r(f,h,"unbindAllArrive"),r(d,h,"unbindAllLeave"),h}}(window,"undefined"==typeof jQuery?null:jQuery,void 0); 27 | 28 | GM_addStyle(` 29 | .pzp-pc-vod-time.pzp-pc__vod-time { 30 | margin-left:20px; 31 | padding-top: 2px; 32 | cursor: pointer; 33 | } 34 | body.live .pzp-pc-vod-time__duration { 35 | cursor: pointer; 36 | } 37 | `); 38 | 39 | function isValidNumber(value) { 40 | return typeof value === 'number' && isFinite(value); 41 | } 42 | 43 | function formatTime(seconds) { 44 | const mins = Math.floor(seconds / 60); 45 | const secs = Math.floor(seconds % 60).toString().padStart(2, '0'); // Ensure two digits 46 | return `${mins}:${secs}`; 47 | } 48 | 49 | function createProgressBar(video) { 50 | console.log("video.duration", video.duration); 51 | if (video.duration !== Infinity && video.duration > 30.0) { 52 | document.querySelector('body').classList.remove("live"); 53 | return; 54 | } 55 | 56 | // check time-machine 57 | const live_time_button = document.querySelector('.live_time_button'); 58 | if (live_time_button.disabled) { 59 | // not use time-machine 60 | } else { 61 | // use time-machine 62 | return; 63 | } 64 | 65 | if (!video.parentNode.getAttribute('data-custom-progress-bar')) { 66 | video.parentNode.setAttribute('data-custom-progress-bar', 'true'); 67 | } else { 68 | console.log("data-custom-progress-bar is true"); 69 | return; 70 | } 71 | 72 | document.querySelector('body').classList.add("live"); 73 | 74 | 75 | // As of August 1, 2024, the VOD time display element has been completely removed for Live, so the element needs to be manually added. 76 | // Check if the element with the class 'pzp-pc__vod-time' exists 77 | if (!document.querySelector('.pzp-pc__vod-time')) { 78 | // Find the container with the class 'pzp-pc-live-time--on' 79 | const liveTimeContainer = document.querySelector('.live_time'); 80 | if (liveTimeContainer) { 81 | const newElement = document.createElement('div'); 82 | newElement.setAttribute('role', 'timer'); 83 | newElement.setAttribute('aria-live', 'off'); 84 | newElement.classList.add('pzp-pc-vod-time', 'pzp-pc__vod-time'); 85 | newElement.innerHTML = ` 86 | 0:00 87 |
/
88 | 0:00`; 89 | 90 | liveTimeContainer.parentNode.insertBefore(newElement, liveTimeContainer.nextSibling); 91 | 92 | // hide "실시간" 93 | // document.querySelector('.pzp-pc-live-time--on').style.display = 'none'; 94 | } else { 95 | console.error('Element with class pzp-pc-live-time--on not found.'); 96 | } 97 | } 98 | 99 | 100 | let slider = document.querySelector('.pzp-pc .pzp-pc__progress-slider'); 101 | let progressPlayed = document.querySelector('.pzp-ui-progress__played'); 102 | let handler = document.querySelector('.pzp-ui-slider__handler-wrap'); 103 | let previewTime = document.querySelector('.pzp-seeking-preview__time'); 104 | let currentTimeText = document.querySelector('.pzp-pc-vod-time__current-time'); 105 | let timeDurationText = document.querySelector('.pzp-pc-vod-time__duration'); 106 | let dragging = false; 107 | let isMouseOverOnSlide = false; 108 | 109 | slider.style.display = "block"; 110 | document.querySelector('.pzp-pc .pzp-pc__vod-time').style.display = 'flex'; 111 | 112 | document.addEventListener('click', function(e) { 113 | if (!e.target.matches('body.live .pzp-pc-live-time--on') && !e.target.matches('body.live .pzp-pc-vod-time__duration')) { 114 | return; 115 | } 116 | let newTime = video.duration === Infinity ? video.buffered.end(video.buffered.length - 1) : video.duration; 117 | video.currentTime = newTime; 118 | }); 119 | 120 | slider.addEventListener('mousedown', function(e) { 121 | console.log("mousedown on the slide"); 122 | e.preventDefault(); 123 | dragging = true; 124 | }); 125 | 126 | slider.addEventListener('mouseover', function() { 127 | //console.log("mouseover on the slide"); 128 | isMouseOverOnSlide = true; 129 | }); 130 | 131 | slider.addEventListener('mouseleave', function() { 132 | //console.log("mouseleave on the slide"); 133 | isMouseOverOnSlide = false; 134 | }); 135 | 136 | document.addEventListener('mouseup', function(e) { 137 | if (!dragging) { 138 | return; 139 | } 140 | //console.log("mouseup on the slide while dragging"); 141 | dragging = false; 142 | const rect = slider.getBoundingClientRect(); 143 | const percent = (e.clientX - rect.left) / rect.width; 144 | const newTime = video.duration === Infinity ? 145 | video.buffered.start(0) + percent * (video.buffered.end(video.buffered.length - 1) - video.buffered.start(0)) : 146 | percent * video.duration; 147 | if (isFinite(newTime) && newTime >= 0) { 148 | video.currentTime = newTime; 149 | } 150 | }); 151 | 152 | let lastMouseX = 0; 153 | let lastMouseY = 0; 154 | 155 | document.addEventListener('mousemove', function(event) { 156 | if (!dragging) { 157 | return; 158 | } 159 | const rect = slider.getBoundingClientRect(); 160 | let newLeft = event.clientX - rect.left; 161 | let percent = newLeft / rect.width; 162 | percent = Math.max(0, Math.min(1, percent)); // Clamp between 0 and 1 163 | const newPosition = percent * 100; 164 | 165 | handler.style.left = `${newPosition}%`; 166 | progressPlayed.style.transform = `matrix(${percent}, 0, 0, 1, 0, 0)`; 167 | lastMouseX = event.clientX; 168 | lastMouseY = event.clientY; 169 | }); 170 | 171 | function updatePreviewTime(e) { 172 | if (e) { 173 | lastMouseX = e.clientX; 174 | lastMouseY = e.clientY; 175 | } 176 | const rect = slider.getBoundingClientRect(); 177 | let newLeft = lastMouseX - rect.left; 178 | let percent = newLeft / rect.width; 179 | percent = Math.max(0, Math.min(1, percent)); // Clamp between 0 and 1 180 | 181 | let bufferedStart = video.duration === Infinity ? video.buffered.start(0) : 0; 182 | let bufferedEnd = video.duration === Infinity ? video.buffered.end(video.buffered.length - 1) : video.duration; 183 | let currentTime = video.currentTime - bufferedStart; 184 | let bufferedTime = bufferedEnd - bufferedStart; 185 | if (!isValidNumber(bufferedTime)) { 186 | bufferedTime = 0.0; 187 | } 188 | if (currentTime > bufferedTime) { 189 | currentTime = bufferedTime; 190 | } 191 | 192 | const secondsAgo = bufferedTime - percent * bufferedTime; 193 | if (secondsAgo <= 0.9) { 194 | previewTime.innerHTML = `${secondsAgo.toFixed(1)}초 전`; 195 | } else { 196 | previewTime.innerHTML = `${Math.floor(secondsAgo)}초 전`; 197 | } 198 | } 199 | 200 | slider.addEventListener('mouseover', updatePreviewTime); 201 | slider.addEventListener('mousemove', updatePreviewTime); 202 | 203 | function updateVideoDisplay() { 204 | let bufferedStart = video.duration === Infinity ? video.buffered.start(0) : 0; 205 | let bufferedEnd = video.duration === Infinity ? video.buffered.end(video.buffered.length - 1) : video.duration; 206 | let currentTime = video.currentTime - bufferedStart; 207 | let bufferedTime = bufferedEnd - bufferedStart; 208 | if (!isValidNumber(bufferedTime)) { 209 | bufferedTime = 0.0; 210 | } 211 | if (currentTime > bufferedTime) { 212 | currentTime = bufferedTime; 213 | } 214 | if (!dragging) { 215 | let progressPercentage = (currentTime / bufferedTime) * 100; 216 | 217 | handler.style.left = `${progressPercentage}%`; 218 | progressPlayed.style.transform = `matrix(${currentTime / bufferedTime}, 0, 0, 1, 0, 0)`; 219 | } 220 | 221 | currentTimeText.textContent = ` ${formatTime(currentTime)} `; 222 | timeDurationText.textContent = ` ${formatTime(bufferedTime)} `; 223 | 224 | if (isMouseOverOnSlide) { 225 | updatePreviewTime(); 226 | } 227 | } 228 | 229 | video.addEventListener('timeupdate', updateVideoDisplay); 230 | video.addEventListener('progress', updateVideoDisplay); 231 | 232 | let slowInternetTimeout = null; 233 | let threshold = 300; // ms after which user perceives buffering 234 | video.addEventListener('waiting', () => { 235 | slowInternetTimeout = setTimeout(() => { 236 | updateVideoDisplay(); 237 | }, threshold); 238 | }); 239 | 240 | video.addEventListener('playing', () => { 241 | if (slowInternetTimeout != null) { 242 | clearTimeout(slowInternetTimeout); 243 | slowInternetTimeout = null; 244 | } 245 | }); 246 | 247 | slider.addEventListener('click', (e) => { 248 | const rect = slider.getBoundingClientRect(); 249 | const percent = (e.clientX - rect.left) / rect.width; 250 | if(percent > 100.0){ 251 | percent = 100.0; 252 | } 253 | else if(percent < 0.0){ 254 | percent = 0.0; 255 | } 256 | let newTime = video.duration === Infinity ? 257 | video.buffered.start(0) + percent * (video.buffered.end(video.buffered.length - 1) - video.buffered.start(0)) : 258 | percent * video.duration; 259 | if (isFinite(newTime) && newTime >= 0) { 260 | video.currentTime = newTime; 261 | } 262 | }); 263 | } 264 | 265 | document.arrive('.pzp-pc__video video', function() { 266 | const video = this; 267 | if (video.readyState >= video.HAVE_METADATA) { 268 | createProgressBar(video); 269 | } else { 270 | video.addEventListener('loadedmetadata', function() { 271 | createProgressBar(video); 272 | }); 273 | } 274 | }); 275 | })(); 276 | -------------------------------------------------------------------------------- /CHZZK_User_Memo/CHZZK_User_Memo.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK User Memo 3 | // @namespace CHZZK_User_Memo 4 | // @version 0.0.2 5 | // @description 치지직에 유저 메모 기능을 추가 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @homepageURL https://github.com/nomomo/Chzzk_Scripts/ 9 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_User_Memo/CHZZK_User_Memo.user.js 10 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_User_Memo/CHZZK_User_Memo.user.js 11 | // @grant GM.setValue 12 | // @grant GM.getValue 13 | // @grant GM.deleteValue 14 | // @grant GM.addStyle 15 | // @grant GM.registerMenuCommand 16 | // @grant GM.setClipboard 17 | // @grant GM.info 18 | // @grant unsafeWindow 19 | // @require https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js 20 | // @require https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js 21 | // @run-at document-start 22 | // ==/UserScript== 23 | 24 | (function($) { 25 | 'use strict'; 26 | 27 | let debug = false 28 | let maxChatLogs = 30; 29 | let maxNicknameHistory = 5; 30 | 31 | GM.registerMenuCommand("Set Max Chat Logs", () => { 32 | const newMax = prompt("Enter the maximum number of chat logs to store:", maxChatLogs); 33 | if (newMax !== null) { 34 | maxChatLogs = parseInt(newMax, 10); 35 | GM.setValue('maxChatLogs', maxChatLogs); 36 | } 37 | }); 38 | 39 | GM.registerMenuCommand("Set Max Nickname History", () => { 40 | const newMax = prompt("Enter the maximum number of nickname history to store:", maxNicknameHistory); 41 | if (newMax !== null) { 42 | maxNicknameHistory = parseInt(newMax, 10); 43 | GM.setValue('maxNicknameHistory', maxNicknameHistory); 44 | } 45 | }); 46 | 47 | GM.registerMenuCommand("Show All Memos", () => { 48 | showAllMemosModal(); 49 | }); 50 | 51 | const escaleEntityMap = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '/': '/', '`': '`', '=': '=' }; 52 | function escapeHtml(string) { return String(string).replace(/[&<>"'`=/]/g, function (s) { return escaleEntityMap[s]; }); } 53 | 54 | // 선택자 문자열 정의 55 | const selectors = { 56 | chatListItem: '[class*="live_chatting_list_item__"]', 57 | usernameContainer: '[class*="live_chatting_username_container__"]', 58 | nameText: '[class*="name_text__"]', 59 | chatMessageText: '[class*="live_chatting_message_text__"]', 60 | profilePopupContainer: '[class*="live_chatting_popup_profile_container__"]', 61 | profilePopupList: '[class*="live_chatting_popup_profile_list__"]', 62 | profileUser: '[class*="live_chatting_popup_profile_user__"]', 63 | profileControlButton: '[class*="live_chatting_popup_profile_control_button__"]', 64 | headerTitle: '[class*="live_chatting_header_title__"]' 65 | }; 66 | 67 | const OriginalWebSocket = unsafeWindow.WebSocket; 68 | const nicknameToUidMap = new Map(); 69 | let globalData = {}; 70 | 71 | // 초기 설정 값 로드 72 | async function loadSettings() { 73 | maxChatLogs = await GM.getValue('maxChatLogs', 50); 74 | maxNicknameHistory = await GM.getValue('maxNicknameHistory', 5); 75 | globalData = await GM.getValue('data', {}); 76 | } 77 | 78 | unsafeWindow.WebSocket = function(url, protocols) { 79 | if (!url.includes("chat.naver.com/chat")) { 80 | return new OriginalWebSocket(url, protocols); 81 | } 82 | 83 | if(debug) console.log("Intercepted WebSocket connection to:", url); 84 | const socket = new OriginalWebSocket(url, protocols); 85 | 86 | socket.addEventListener('message', async function(event) { 87 | if (event.isIntercepted) { 88 | return; 89 | } 90 | 91 | let modifiedData = await storeNicknameUidMapping(event.data); 92 | if(!modifiedData){ 93 | modifiedData = event.data; 94 | } 95 | //if(debug) console.log(event.data); 96 | //if(debug) console.log("modifiedData", modifiedData) 97 | 98 | event.stopImmediatePropagation(); 99 | 100 | const newEvent = new MessageEvent('message', { 101 | data: modifiedData, 102 | origin: event.origin, 103 | lastEventId: event.lastEventId, 104 | source: event.source, 105 | ports: event.ports 106 | }); 107 | 108 | newEvent.isIntercepted = true; 109 | 110 | socket.dispatchEvent(newEvent); 111 | }); 112 | 113 | return socket; 114 | }; 115 | 116 | unsafeWindow.WebSocket.prototype = OriginalWebSocket.prototype; 117 | 118 | async function storeNicknameUidMapping(data) { 119 | const jsonData = JSON.parse(data); 120 | 121 | if (!jsonData.bdy) { 122 | return data; 123 | } 124 | 125 | const messageList = Array.isArray(jsonData.bdy) ? jsonData.bdy : jsonData.bdy.messageList; 126 | 127 | if (!messageList) { 128 | return data; 129 | } 130 | 131 | $.each(messageList, (index, message) => { 132 | const profileData = JSON.parse(message.profile); 133 | if (!profileData) return; 134 | 135 | const nickname = escapeHtml(profileData.nickname); 136 | const uid = profileData.userIdHash; 137 | 138 | if (!nickname || !uid) return; 139 | 140 | nicknameToUidMap.set(nickname, uid); 141 | 142 | if(!globalData[uid]) return; 143 | const userData = globalData[uid]; 144 | 145 | let nickChanged = false; 146 | let oldnick = userData.parsedNickname; 147 | if (oldnick && userData.parsedNickname !== nickname) { 148 | if(debug) console.log(`nick changed. ${oldnick} -> ${nickname}`); 149 | nickChanged = true; 150 | 151 | let stemp = `[닉변 감지:${oldnick} → ${nickname}] `; 152 | if(message.content) { 153 | message.content = stemp + message.content; 154 | } 155 | else if(message.msg){ 156 | message.msg = stemp + message.msg; 157 | } 158 | userData.parsedNickname = nickname; 159 | message.profile = JSON.stringify(profileData); 160 | } 161 | 162 | 163 | if (!globalData[uid].track) { 164 | if(nickChanged){ 165 | globalData[uid] = userData; 166 | GM.setValue('data', globalData); 167 | } 168 | return true; 169 | } 170 | 171 | const messageTime = Number(message.messageTime || message.msgTime || new Date()); 172 | const msgText = escapeHtml(message.content || message.msg); 173 | let messageDonate = -1; 174 | if(message.extras){ 175 | const jsonExtras = JSON.parse(message.extras); 176 | messageDonate = jsonExtras.payAmount ? Number(jsonExtras.payAmount) : -1; 177 | } 178 | 179 | //if(debug) console.log(message); 180 | 181 | if (!userData.nicknameHistory) { 182 | userData.nicknameHistory = []; 183 | userData.nicknameHistory.push({ nickname, time: messageTime }); 184 | } 185 | 186 | if (nickChanged) { 187 | if (!userData.nicknameHistory) { 188 | userData.nicknameHistory = []; 189 | } 190 | const isDuplicateNickname = userData.nicknameHistory.some( 191 | (history) => history.nickname === nickname && history.time === messageTime 192 | ); 193 | if (!isDuplicateNickname) { 194 | userData.nicknameHistory.push({ nickname, time: messageTime }); 195 | if (userData.nicknameHistory.length > maxNicknameHistory) { 196 | userData.nicknameHistory.shift(); 197 | } 198 | } 199 | } 200 | 201 | if (msgText) { 202 | if (!userData.chatLogs) { 203 | userData.chatLogs = []; 204 | } 205 | const isDuplicateMessage = userData.chatLogs.some( 206 | (log) => log.text === msgText && log.time === messageTime 207 | ); 208 | if (!isDuplicateMessage) { 209 | userData.chatLogs.push({ text: msgText, time: messageTime, donate: messageDonate }); 210 | if (userData.chatLogs.length > maxChatLogs) { 211 | userData.chatLogs.shift(); 212 | } 213 | } 214 | } 215 | 216 | userData.parsedNickname = nickname; 217 | 218 | globalData[uid] = userData; 219 | GM.setValue('data', globalData); 220 | }); 221 | 222 | return JSON.stringify(jsonData); // 수정된 JSON 데이터를 문자열로 반환 223 | } 224 | 225 | function handleNewChatItem(element) { 226 | const $element = $(element); 227 | const $usernameContainer = $element.find(selectors.usernameContainer); 228 | if (!$usernameContainer.length) return; 229 | 230 | const $nameTextElement = $usernameContainer.find(selectors.nameText); 231 | if (!$nameTextElement.length) return; 232 | 233 | const nickname = $nameTextElement.text().trim(); 234 | const uid = nicknameToUidMap.get(nickname); 235 | if (!uid) return; 236 | 237 | const userData = globalData[uid]; 238 | if (userData) { 239 | $usernameContainer.append(`[${userData.nickname || userData.parsedNickname}]`); 240 | } 241 | 242 | const $button = $('', { 243 | 'class': 'copy-uid-button', 244 | 'html': ` 245 | 246 | 247 | 248 | `, 249 | 'click': function(event) { 250 | event.stopPropagation(); 251 | const $container = $(event.currentTarget).closest(selectors.chatListItem); 252 | const uid2 = $container.attr('data-uid'); 253 | const currentData = globalData[uid] || { nickname: '', note: '' }; 254 | const chatText = $container.find(selectors.chatMessageText).text().trim(); 255 | const chatTime = Number($button.closest(selectors.chatListItem).attr('data-date')); 256 | const copyText = `닉네임:${nickname}, UID:${uid2},${currentData.note ? " 메모:" + currentData.note + "," : ""} 채팅내용: ${chatText}, 채팅시간: ${(new Date(chatTime)).toLocaleString()}`; 257 | copyToClipboard(copyText); 258 | const $copied = $(`Copied!!`); 259 | $(this).after($copied); 260 | $copied.fadeIn(200); 261 | setTimeout(function(){ 262 | $copied.fadeOut(200, function(){ 263 | $copied.remove(); 264 | }); 265 | },1000); 266 | } 267 | }); 268 | $element.attr('data-uid', uid).attr('data-date', Number(new Date())); 269 | 270 | $element.css('position', 'relative').prepend($button); 271 | } 272 | 273 | 274 | function timeAgo(date) { 275 | const now = new Date(); 276 | const diffInSeconds = Math.floor((now - date) / 1000); 277 | 278 | const secondsInMinute = 60; 279 | const secondsInHour = 60 * secondsInMinute; 280 | const secondsInDay = 24 * secondsInHour; 281 | 282 | if (diffInSeconds < secondsInMinute) { 283 | return `${diffInSeconds}초 전`; 284 | } else if (diffInSeconds < secondsInHour) { 285 | const minutes = Math.floor(diffInSeconds / secondsInMinute); 286 | return `${minutes}분 전`; 287 | } else if (diffInSeconds < secondsInDay) { 288 | const hours = Math.floor(diffInSeconds / secondsInHour); 289 | return `${hours}시간 전`; 290 | } else { 291 | const days = Math.floor(diffInSeconds / secondsInDay); 292 | return `${days}일 전`; 293 | } 294 | } 295 | 296 | 297 | function createModal(uniqueClass, titleText, contentHtml, additionalButtons = []) { 298 | $('.modal-container'+'.'+uniqueClass).remove(); 299 | 300 | const $modalContainer = $('
', { class: 'modal-container ' + uniqueClass }).appendTo('body'); 301 | const $modal = $('
', { class: 'modal-content' }).appendTo($modalContainer); 302 | 303 | $('
', { 304 | class: 'modal-header', 305 | html: `${titleText}` 306 | }).appendTo($modal); 307 | 308 | $('
', { 309 | class: 'modal-body', 310 | html: contentHtml 311 | }).appendTo($modal); 312 | 313 | const $modalFooter = $('
', { class: 'modal-footer' }).appendTo($modal); 314 | 315 | $('`); 618 | const $closebtn = $element.find(selectors.profileControlButton); 619 | $buttonContainer.append($mymemo); 620 | 621 | if(currentData.track){ 622 | if(currentData.chatLogs){ 623 | const $showChatLogs = $(``); 624 | $buttonContainer.append($showChatLogs); 625 | 626 | $showChatLogs.on("click", function() { 627 | $closebtn.trigger("click"); 628 | showChatLogsModal(uid); 629 | }); 630 | } 631 | 632 | if(currentData.nicknameHistory){ 633 | const $showNickHistory = $(``); 634 | $buttonContainer.append($showNickHistory); 635 | 636 | $showNickHistory.on("click", function() { 637 | $closebtn.trigger("click"); 638 | showNicknameHistoryModal(uid); 639 | }); 640 | } 641 | } 642 | 643 | if (currentData.nickname !== '') { 644 | $nickname.append(`[${currentData.nickname}]`); 645 | } 646 | 647 | $mymemo.on("click", function() { 648 | $closebtn.trigger("click"); 649 | openNoteModal(uid, nickname, currentData.nickname, currentData.note, currentData.track); 650 | }); 651 | }); 652 | 653 | GM.addStyle(` 654 | .view-all-memos-button { 655 | position: absolute; 656 | top: 10px; 657 | right: 30px; 658 | box-sizing: border-box; 659 | font-size: 10px; 660 | padding: 5px 10px; 661 | margin-right: 10px; 662 | background-color: var(--color-bg-04); 663 | border: 1px solid rgba(0, 0, 0, 1); 664 | color: var(--color-content-03); 665 | border-radius: 17px; 666 | cursor: pointer; 667 | font-family: Sandoll Nemony2, Apple SD Gothic NEO, Helvetica Neue, Helvetica, 나눔고딕, NanumGothic, Malgun Gothic, 맑은 고딕, 굴림, gulim, 새굴림, noto sans, 돋움, Dotum, sans-serif; 668 | } 669 | .view-all-memos-button:hover { 670 | color: var(--color-content-01); 671 | background-color: var(--color-bg-03); 672 | } 673 | 674 | .copy-uid-button { 675 | opacity: 0.01; 676 | position: absolute; 677 | top: 2px; 678 | right: 0; 679 | cursor: pointer; 680 | } 681 | .copy-uid-button:hover { 682 | opacity: 0.4; 683 | } 684 | .copied { 685 | color: var(--color-content-01); 686 | background-color: var(--color-bg-03); 687 | display:none; 688 | position:absolute; 689 | top:-30px; 690 | right:0px; 691 | font-size: 12px; 692 | box-sizing: border-box; 693 | padding: 7px 14px; 694 | border-radius: 17px; 695 | } 696 | 697 | .my-nickname { 698 | font-size: 0.8em; 699 | vertical-align: bottom; 700 | color: red; 701 | padding-left: 3px; 702 | font-weight: bold; 703 | } 704 | 705 | .modal-all-memo { 706 | z-index: 1000000; 707 | } 708 | .modal-user-nickname-history, .modal-chat-log { 709 | z-index: 10000000; 710 | } 711 | 712 | .modal-container { 713 | position: fixed; 714 | background: rgba(0, 0, 0, 0.8); 715 | top: 0; 716 | left: 0; 717 | width: 100%; 718 | height: 100%; 719 | display: flex; 720 | justify-content: center; 721 | align-items: center; 722 | flex-direction: column; 723 | z-index: 1000000; 724 | cursor: pointer; 725 | } 726 | .modal-content { 727 | position: relative; 728 | padding: 20px; 729 | max-width: 800px; 730 | width: 90%; 731 | cursor: default; 732 | background: var(--color-bg-01); 733 | border: 1px solid var(--color-bg-02); 734 | max-height: 80%; 735 | overflow-y: auto; 736 | } 737 | .modal-content table, .modal-content button { 738 | font-size: 12px; 739 | } 740 | .modal-header, .modal-content button, .copied { 741 | font-family:Sandoll Nemony2,Apple SD Gothic NEO,Helvetica Neue,Helvetica,나눔고딕,NanumGothic,Malgun Gothic,맑은 고딕,굴림,gulim,새굴림,noto sans,돋움,Dotum,sans-serif; 742 | } 743 | .modal-header { 744 | text-align: center; 745 | font-size: 18px; 746 | margin-bottom: 20px; 747 | } 748 | .modal-body input, .modal-body textarea { 749 | width: 100%; 750 | margin-bottom: 10px; 751 | padding: 10px; 752 | color: var(--color-content-01); 753 | background-color: var(--color-bg-01); 754 | border: 2px solid var(--color-bg-02); 755 | border-radius: 4px; 756 | } 757 | .modal-body input:focus, .modal-body textarea:focus { 758 | border: 2px solid var(--color-bg-06); 759 | outline: none; 760 | } 761 | .modal-footer { 762 | margin-top: 15px; 763 | text-align: center; 764 | } 765 | .modal-footer button { 766 | box-sizing: border-box; 767 | font-size: 14px; 768 | padding: 7px 14px; 769 | margin-right: 10px; 770 | background-color: var(--color-bg-04); 771 | border: 1px solid rgba(0,0,0,1); 772 | color: var(--color-content-03); 773 | border-radius: 17px; 774 | cursor: pointer; 775 | } 776 | /*.modal-footer button:last-child { 777 | background-color: #dc3545; 778 | }*/ 779 | .modal-footer button:hover, .modal-footer button:focus { 780 | color: var(--color-content-01); 781 | background-color: var(--color-bg-03); 782 | } 783 | 784 | .track-checkbox-wrapper { 785 | margin-bottom: 10px; 786 | } 787 | .track-checkbox-wrapper input { 788 | display: inline-block; 789 | width: 16px; 790 | height: 16px; 791 | vertical-align: text-top; 792 | margin-left:5px; 793 | } 794 | 795 | .all-memos-table { 796 | width: 100%; 797 | border-collapse: collapse; 798 | margin-top: 20px; 799 | } 800 | .all-memos-table th, .all-memos-table td { 801 | border: 1px solid var(--color-bg-02); 802 | padding: 3px 5px; 803 | text-align: center; 804 | } 805 | .all-memos-table th { 806 | white-space: nowrap; 807 | background: var(--color-bg-04); 808 | } 809 | 810 | 811 | .hompageLink { 812 | font-size:12px; 813 | margin-top:15px; 814 | padding:5px 0 0 0; 815 | } 816 | .hompageLink a { 817 | color: var(--color-content-chzzk-01); 818 | text-decoration: none; 819 | position: relative; 820 | display: inline-block; 821 | transition: all 0.3s ease; 822 | padding-bottom: 3px; 823 | border-bottom: 3px solid rgba(0, 0, 0, 0); 824 | opacity: 0.8; 825 | } 826 | .hompageLink a:hover { 827 | padding-bottom: 3px; 828 | color: var(--color-content-chzzk-01); 829 | border-bottom: 3px solid var(--color-content-chzzk-01); 830 | opacity: 1; 831 | } 832 | `); 833 | 834 | })(jQuery); 835 | -------------------------------------------------------------------------------- /CHZZK_Favorite_Streamer/CHZZK_Favorite_Streamer.user.js: -------------------------------------------------------------------------------- 1 | // ==UserScript== 2 | // @name CHZZK Favorite Streamer 3 | // @namespace CHZZK_Favorite_Streamer 4 | // @version 0.0.4 5 | // @description 즐겨찾는 스트리머를 목록 상단에 표시하는 스크립트 6 | // @author Nomo 7 | // @match https://chzzk.naver.com/* 8 | // @homepageURL https://github.com/nomomo/Chzzk_Scripts/CHZZK_Favorite_Streamer/ 9 | // @downloadURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Favorite_Streamer/CHZZK_Favorite_Streamer.user.js 10 | // @updateURL https://github.com/nomomo/Chzzk_Scripts/raw/main/CHZZK_Favorite_Streamer/CHZZK_Favorite_Streamer.user.js 11 | // @run-at document-start 12 | // @grant unsafeWindow 13 | // @grant GM.getValue 14 | // @grant GM.setValue 15 | // @grant GM.addStyle 16 | // @grant GM.info 17 | // @require https://code.jquery.com/jquery-3.7.1.min.js#sha256=fc9a93dd241f6b045cbff0481cf4e1901becd0e12fb45166a8f17f95823f0b1a 18 | // @require https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js#sha256=WXHeZwrvHW+Qpj5u2NCVyiL5XEVf/AzrYL5i4w4aRHM= 19 | // @require https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.15.2/Sortable.min.js#sha256=ymhDBwPE9ZYOkHNYZ8bpTSm1o943EH2BAOWjAQB+nm4= 20 | // ==/UserScript== 21 | 22 | (async function() { 23 | 'use strict'; 24 | 25 | let initfavoriteStreamers = []; 26 | 27 | // favoriteStreamers를 불러오기 28 | let favoriteStreamers = await GM.getValue('favoriteStreamers', initfavoriteStreamers); 29 | 30 | // 전역 변수에 JSON 응답 데이터 저장 31 | let jsonResponse = null; 32 | 33 | // JSON 응답 데이터를 저장하는 함수 34 | function saveResponseData(response) { 35 | jsonResponse = JSON.parse(JSON.stringify(response)); 36 | } 37 | 38 | // 원본 XMLHttpRequest를 저장 39 | const originalXHR = unsafeWindow.XMLHttpRequest; 40 | 41 | let followingChannelCreated = false; 42 | 43 | // 커스텀 XMLHttpRequest를 생성 44 | function CustomXHR() { 45 | const xhr = new originalXHR(); 46 | const originalOpen = xhr.open; 47 | const originalSend = xhr.send; 48 | let intercepted = false; 49 | let requestUrl = ""; 50 | 51 | xhr.open = function(method, url, async, user, password) { 52 | requestUrl = url; 53 | if (url.includes('https://api.chzzk.naver.com/service/v1/channels/following-lives') || url.includes('https://api.chzzk.naver.com/service/v1/channels/followings/live')) { 54 | intercepted = true; 55 | } 56 | originalOpen.apply(xhr, arguments); 57 | }; 58 | 59 | xhr.send = function(body) { 60 | if (intercepted) { 61 | xhr.addEventListener('readystatechange', async function() { 62 | if (xhr.readyState === 4 && xhr.status === 200) { 63 | let responseData = JSON.parse(xhr.responseText); 64 | saveResponseData(responseData); 65 | 66 | if (responseData.code === 200 && responseData.content && responseData.content.followingList) { 67 | favoriteStreamers = await GM.getValue('favoriteStreamers', initfavoriteStreamers); 68 | 69 | // 설정된 채널을 우선순위로 정렬 70 | responseData.content.followingList.sort((a, b) => { 71 | const aIndex = favoriteStreamers.findIndex(fav => fav.channelId === a.channelId); 72 | const bIndex = favoriteStreamers.findIndex(fav => fav.channelId === b.channelId); 73 | 74 | if (aIndex === -1 && bIndex === -1) { 75 | return 0; // 둘 다 설정된 채널이 아닌 경우 원래 순서 유지 76 | } else if (aIndex === -1) { 77 | return 1; // a가 설정된 채널이 아닌 경우 b가 우선 78 | } else if (bIndex === -1) { 79 | return -1; // b가 설정된 채널이 아닌 경우 a가 우선 80 | } else { 81 | return aIndex - bIndex; // 둘 다 설정된 채널인 경우 설정된 순서대로 정렬 82 | } 83 | }); 84 | 85 | // 원본 responseText를 수정된 데이터로 덮어쓰기 86 | Object.defineProperty(this, 'responseText', { value: JSON.stringify(responseData) }); 87 | } 88 | } 89 | }); 90 | } 91 | originalSend.apply(xhr, arguments); 92 | }; 93 | 94 | return xhr; 95 | } 96 | 97 | // 원본 XMLHttpRequest를 커스텀 XMLHttpRequest로 오버라이드 98 | unsafeWindow.XMLHttpRequest = CustomXHR; 99 | 100 | // 기본 스타일 추가 101 | GM.addStyle(` 102 | .star-container { 103 | position: absolute; 104 | top: 0; 105 | right: 0; 106 | opacity: 0; 107 | visibility: hidden; 108 | } 109 | .star-icon { 110 | line-height: normal; 111 | text-align: center; 112 | position: absolute; 113 | top: 5px; 114 | right: 5px; 115 | width: 18px; 116 | height: 18px; 117 | cursor: pointer; 118 | z-index: 10; 119 | font-size: 18px; 120 | font-family: Sandoll Nemony2, Apple SD Gothic NEO, Helvetica Neue, Helvetica, 나눔고딕, NanumGothic, Malgun Gothic, 맑은 고딕, 굴림, gulim, 새굴림, noto sans, 돋움, Dotum, sans-serif; 121 | text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); 122 | transition: color 0.3s ease, opacity 0.3s ease; 123 | } 124 | .star-overlay { 125 | position: absolute; 126 | top: 0; 127 | right: 0; 128 | width: 100%; 129 | height: 100%; 130 | background: rgba(0, 0, 0, 0.5); 131 | justify-content: center; 132 | align-items: center; 133 | } 134 | /*div[class^="button_tab_list"][role="tablist"] { 135 | width: 100%; 136 | }*/ 137 | [class^="component_item__"]:hover .star-container { 138 | opacity: 1; 139 | visibility: visible; 140 | } 141 | .pinned .star-container { 142 | opacity: 1; 143 | visibility: visible; 144 | } 145 | .pinned .star-icon { 146 | color: yellow; 147 | } 148 | .pinned .star-icon:hover { 149 | color: #ffe974; 150 | opacity: 0.5; 151 | } 152 | .star-icon.gray { 153 | color: gray !important; 154 | opacity: 0.5; 155 | } 156 | .star-icon.gray:hover { 157 | color: #ffe974 !important; 158 | opacity: 1; 159 | } 160 | 161 | .favorite-list-container { 162 | position: fixed; 163 | background: rgba(0,0,0,0.9); 164 | top: 0; 165 | left: 0; 166 | width: 100%; 167 | height: 100%; 168 | display: flex; 169 | flex-direction: column; 170 | justify-content: flex-start; 171 | align-items: center; 172 | z-index: 1000000000; 173 | font-size: 16px; 174 | color: var(--color-content-01); 175 | cursor: pointer; 176 | } 177 | .modal-title, .modal-footer, .close-message, .favorite-list-container table .name { 178 | font-family: Sandoll Nemony2, Apple SD Gothic NEO, Helvetica Neue, Helvetica, 나눔고딕, NanumGothic, Malgun Gothic, 맑은 고딕, 굴림, gulim, 새굴림, noto sans, 돋움, Dotum, sans-serif; 179 | } 180 | .favorite-list-container table { 181 | font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Helvetica, Arial, NanumGothic, 나눔고딕, Malgun Gothic, 맑은 고딕, Dotum, 굴림, gulim, 새굴림, noto sans, 돋움, sans-serif; 182 | } 183 | .favorite-list-modal { 184 | position: relative; 185 | background: var(--color-bg-01); 186 | border: 1px solid var(--color-bg-02); 187 | padding: 20px; 188 | max-height: 80%; 189 | overflow-y: auto; 190 | cursor: default; 191 | margin-top: 10vh; 192 | } 193 | .favorite-list-item .name { 194 | min-width:220px; 195 | } 196 | .favorite-list-item .channelId { 197 | font-size: 12px; 198 | font-family: 'Consolas'; 199 | letter-spacing: -0.3px; 200 | } 201 | .favorite-list-table { 202 | width: 100%; 203 | border-collapse: collapse; 204 | } 205 | .favorite-list-table th, .favorite-list-table td { 206 | border: 1px solid var(--color-bg-02); 207 | padding: 5px 10px; 208 | text-align: center; 209 | } 210 | .favorite-list-table th { 211 | background: var(--color-bg-04); 212 | } 213 | .favorite-list-table ul { 214 | list-style-type: none; 215 | padding: 0; 216 | margin: 0; 217 | display: flex; 218 | width: 100%; 219 | } 220 | .favorite-list-table li { 221 | flex: 1; 222 | } 223 | .favorite-list-table button { 224 | margin: 0 5px; 225 | } 226 | .favorite-tab-setting-button { 227 | margin-left: auto; 228 | margin-right: 10px; 229 | } 230 | .modal-title { 231 | text-align: center; 232 | font-size: 20px; 233 | padding-bottom: 20px; 234 | } 235 | .modal-footer { 236 | font-size: 15px; 237 | padding-top: 20px; 238 | text-align: center; 239 | } 240 | .modal-footer a { 241 | color: var(--color-content-chzzk-01); 242 | text-decoration: none; 243 | position: relative; 244 | display: inline-block; 245 | transition: all 0.3s ease; 246 | padding-bottom: 3px; 247 | border-bottom: 3px solid rgba(0, 0, 0, 0); 248 | opacity: 0.8; 249 | } 250 | .modal-footer a:hover { 251 | padding-bottom: 3px; 252 | color: var(--color-content-chzzk-01); 253 | border-bottom: 3px solid var(--color-content-chzzk-01); 254 | opacity: 1; 255 | } 256 | .close-message { 257 | font-size: 15px; 258 | color: var(--color-content-04); 259 | margin: 15px 0; 260 | } 261 | [class^="component_container__"].starOnly [class^="component_item__"] { 262 | display: none; 263 | } 264 | [class^="component_container__"].starOnly [class^="component_item__"].pinned { 265 | display: block; 266 | } 267 | #LIVE { 268 | border-top-left-radius: 15px; 269 | border-bottom-left-radius: 15px; 270 | border-top-right-radius: 0px; 271 | border-bottom-right-radius: 0px; 272 | padding-right: 9px !important; 273 | } 274 | #FAVORITE_ONLY { 275 | border-top-left-radius: 0px; 276 | border-bottom-left-radius: 0px; 277 | border-top-right-radius: 15px; 278 | border-bottom-right-radius: 15px; 279 | margin-left: -4px !important; 280 | padding-left: 9px !important; 281 | padding-right: 9px !important; 282 | border-left: 1px solid var(--color-bg-01); 283 | } 284 | .favorite-star-button { 285 | font-size: 18px; 286 | text-align: center; 287 | padding: 12px !important; 288 | transition: color 0.3s ease, border-bottom 0.3s ease; 289 | position: relative; 290 | color: gray; 291 | font-family: Sandoll Nemony2,Apple SD Gothic NEO,Helvetica Neue,Helvetica,나눔고딕,NanumGothic,Malgun Gothic,맑은 고딕,굴림,gulim,새굴림,noto sans,돋움,Dotum,sans-serif; 292 | } 293 | .favorite-star-button.favorite { 294 | color: yellow; 295 | } 296 | .favorite-star-button:hover { 297 | color: rgb(192, 192, 64) !important; 298 | } 299 | .favorite-star-button.favorite:hover { 300 | color: rgb(192, 192, 64) !important; 301 | } 302 | .favorite-star-button.favorite.no-hover:hover { 303 | color: yellow !important; 304 | } 305 | .favorite-star-button.no-hover:hover { 306 | color: gray !important; 307 | } 308 | 309 | 310 | 311 | 312 | 313 | :root { 314 | --color-content-chzzk-custom: 0, 255, 163; /* RGB 값 */ 315 | --color-content-chzzk-custom-gray: 127, 127, 127; /* RGB 값 */ 316 | } 317 | 318 | .ghost .star-icon.yellow { 319 | color: yellow !important; 320 | opacity: 1.0 !important; 321 | } 322 | .ghost .star-container { 323 | opacity: 1; 324 | visibility: visible; 325 | } 326 | /* 드래그 중인 엘리먼트에 적용될 애니메이션 */ 327 | @keyframes glowing { 328 | 0% { 329 | box-shadow: 0 0 3px rgba(var(--color-content-chzzk-custom), 0.3); 330 | background-color: rgba(var(--color-content-chzzk-custom), 0.05); 331 | } 332 | 50% { 333 | box-shadow: 0 0 10px rgba(var(--color-content-chzzk-custom), 0.7); 334 | background-color: rgba(var(--color-content-chzzk-custom), 0.15); 335 | } 336 | 100% { 337 | box-shadow: 0 0 3px rgba(var(--color-content-chzzk-custom), 0.3); 338 | background-color: rgba(var(--color-content-chzzk-custom), 0.05); 339 | } 340 | } 341 | 342 | /* 회색 빛나는 애니메이션 */ 343 | @keyframes glowing-gray { 344 | 0% { 345 | box-shadow: 0 0 3px rgba(var(--color-content-chzzk-custom-gray), 0.3); 346 | background-color: rgba(var(--color-content-chzzk-custom-gray), 0.05); 347 | } 348 | 50% { 349 | box-shadow: 0 0 10px rgba(var(--color-content-chzzk-custom-gray), 0.7); 350 | background-color: rgba(var(--color-content-chzzk-custom-gray), 0.15); 351 | } 352 | 100% { 353 | box-shadow: 0 0 3px rgba(var(--color-content-chzzk-custom-gray), 0.3); 354 | background-color: rgba(var(--color-content-chzzk-custom-gray), 0.05); 355 | } 356 | } 357 | 358 | /* 드래그 중인 엘리먼트에 적용할 클래스 */ 359 | .ghost [class*="video_card_thumbnail__"] { 360 | animation: glowing 1.0s infinite; 361 | } 362 | .ghost.ghost-gray [class*="video_card_thumbnail__"] { 363 | animation: glowing-gray 1.0s infinite; 364 | } 365 | 366 | 367 | 368 | 369 | 370 | `); 371 | 372 | ////////////////////////////// 373 | // parse class name 374 | ////////////////////////////// 375 | const classNameCache = {}; 376 | 377 | // 클래스 이름을 찾아주는 함수 378 | function getClassName(prefix) { 379 | if (classNameCache.hasOwnProperty(prefix)) { 380 | return classNameCache[prefix]; 381 | } 382 | 383 | const el = $(`[class*="${prefix}"]`).first(); 384 | if (el.length) { 385 | const className = getClassWithPrefix(el, prefix); 386 | classNameCache[prefix] = className; 387 | return className; 388 | } 389 | 390 | return `${prefix}not-found`; 391 | } 392 | 393 | // 특정 클래스 이름으로 시작하는 클래스를 가져오는 함수 394 | function getClassWithPrefix(element, prefix) { 395 | if (!element.length) return ""; 396 | return element[0].className.split(' ').find(cls => cls.startsWith(prefix)) || ""; 397 | } 398 | 399 | // 아이콘을 생성하는 함수 400 | function getNavigatorIcon(type) { 401 | if (type === 'refresh') { 402 | return ``; 403 | } else if (type === 'arrow') { 404 | return ``; 405 | } 406 | return ''; 407 | } 408 | 409 | ////////////////////////////// 410 | // Tab buttons 411 | ////////////////////////////// 412 | let starOnly = false; 413 | let liveBtnSimulated = false; 414 | 415 | // 즐겨찾기 버튼 추가 함수 416 | function addFavoriteTabButton(tabList) { 417 | if ($("button#FAVORITE_ONLY").length) return; 418 | 419 | //console.log("addFavoriteTabButton"); 420 | starOnly = false; 421 | const followingContainer = $('[class^="component_container__"]'); 422 | if (!followingContainer.length) return; 423 | 424 | followingContainer.removeClass('starOnly'); 425 | 426 | const tabItemClass = tabList.children().filter((_, child) => $(child).attr('class').startsWith('button_tab_item__')).attr('class'); 427 | const favoriteTabButton = $('