iconttv Extension Chrome

iconttv Extension

트위치 채팅에 커스텀 아이콘을 지원하는 스트리머의 방에서 바로 커스텀 아이콘을 찾을 수 있도록 하는 확장 프로그램 입니다.

차후 지원하는 스트리머를 추가할 수도 있습니다.

# 업데이트 내역

2.1.0
- 치지직 (https://chzzk.naver.com/)에서 이미지 치환 기능 지원
- 현재 치지직에서 이미지 치환 외의 선택기 기능은 동작하지 않음

2.0.5
- 사용하지 않는 권한 제거

2.0.4
- 아이콘 선택기에서 `←`, `→`, `↑`, `↓`으로 탐색, `Tab` 혹은 `Enter`로 선택하도록 기능 개선
- 채팅 입력창 focus가 동작하지 않던 버그 수정

2.0.3
- 동작 성능 개선
- betterttv와의 호환성 개선

2.0.2
- 하이퍼링크와 텍스트 사이의 공백이 유지되지 않던 버그 수정
- 태그 닫는 명령어 지원
- 클릭 가능한 팝업 선택기 구현
- 선택기에서 아이콘 클릭시 `~`가 적용되지 않던 버그 수정
- 과도한 이벤트로 인한 성능 저하 수

(2.0.1) 2.0.0.b
- 팝업 선택기 구현
- 익스텐션 아이콘 선택 시 전체 목록 페이지로 이동

2.0.0.a
코드 리팩토링 및 개발 진행 중
현재 구현된 기능 목록
- 이미지 렌더링 및 태그 변환 수행
- 70px * 70px사이즈만 렌더링
- 팝업 페이지 및 설정 페이지 없음.

# 이 플러그인이 제공하는 기능

- 트위치 생방송, 트위치 다시보기, popout 채팅창, 클립 페이지에서 작동
- 페이지 이동 시에도 끊김 없이 동작
- 버튼 클릭 시 커스텀 아이콘 목록 보기
- 채팅창에 `~` 입력 시 아이콘 목록 검색 가능
- 아이콘 목록에서 `←`, `→`으로 탐색, `↓`으로 입력. (커서가 입력의 끝이 아닐 때는 남은 문자열을 클립보드에 복사함)
- 아이콘 목록에서 클릭시 입력창에 붙여넣기 또는 클립보드에 복사
- 채팅창에서 아이콘 클릭 시 입력창에 붙여넣기 또는 클립보드에 복사
- 아이콘 목록은 사용자가 입력한 아이콘 중에서 빈도가 높은 순으로 정렬해서 보여줌 (통계 부분은 로컬 스토리지에 저장되고 서버로 전송되거나 구글 계정에 연동되지 않음.)
- 확장 플러그인 클릭 시 지원하는 전체 아이콘 목록과 개인 통계를 볼 수 있음.

# FAQs

- 이미지 서버는 어떤 것으로 사용하는가?

개인 서버에서 업데이트가 필요할 때마다 또는 2주마다 해당 스트리머가 제공하는 아이콘 목록을 불러온 후 파싱 및 서버에 캐시해놓은 것을 사용함. 따라서 떄때로 불안정할 때가 있을 수 있음.

# 참고사항

- 이미지 서버로부터 데이터를 가져오는 과정에서 해당 서버에 데이터를 요청한 사용자의 IP주소가 기록될 수 있습니다. 그러나 해당 정보는 서버 관리 목적 이외에는 사용되지 않습니다.

# 버그 제보 및 문의 또는 스트리머 추가 문의 (고정된 목록이 있는 경우만 받음)

https://github.com/k123s456h/twitch-icon-selector
으로 부탁합니다.

해당 플러그인은 트위치 또는 스트리머의 의뢰나 협업으로 제작된 것이 아닙니다.

본 개발자는 해당 플러그인이 보여주는 아이콘의 저작권을 소유하고 있지 않습니다.

해당 플러그인에서 사용된 이미지 벡터는 svgrepo.com의 자원을 사용했습니다.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "iconttv", "version": "2.1.0", "version_name": "2.1.0", "description": "iconttv Official Extension", "icons": { "16": "icons/16.icon.png", "32": "icons/32.icon.png", "48": "icons/48.icon.png", "128": "icons/128.icon.png" }, "action": { "default_title": "Iconttv", "default_popup": "popup.html" }, "content_scripts": [ { "matches": [ "*://*.twitch.tv/*", "*://*.chzzk.naver.com/*" ], "run_at": "document_end", "js": [ "iconttv.js" ], "css": [ "iconttv.css" ], "world": "MAIN" } ], "background": { "service_worker": "background.js" }}

iconttv

Iconttv Official Extension

Latest Version

iconttv Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated