북마크 버튼, 유튜브 배속 버튼이 되다

예전 포스팅을 통해 콘솔에서 JS 코드를 적용하면 배속을 바꿀 수 있다는 것을 확인했다
https://ratatou2.tistory.com/48
유튜브 2배속 이상 재생하기 (feat. 유튜브 배속 늘리기)
유튜브의 기본 배속은 최대 2배속이다그러나 코드 한줄만 console 창에 입력하면 최대인 2배속 이상으로 재생할 수 있다 F12 - console - 아래 코드 입력# 입력 코드$('video').playbackRate = N;# 예시 (2.5배속
ratatou2.tistory.com
최근에 북마크로 크롬 JS를 실행 시킬 수 있다는 것을 알게됐음
응용해서 오늘은 유튜브 배속 조절 버튼을 '북마크' 버튼으로 만들 것이다
1. 일단 북마크 만들고 수정
- 아무 북마크나 만들면 된다
- 그냥 지금 냅다 아래 단축키 누르셔서 추가해도 됨
- 북마크 추가해주는 크롬 단축키다
# 윈도우
ctrl + D
# 맥북
Command + D

3. 아래 JS 코드를 'URL'에 입력
# 템플릿
javascript:(function(){ document.querySelectorAll('video').forEach(v => v.playbackRate = <<원하는 배속>>);})();
# 예시 (2배속)
javascript:(function(){ document.querySelectorAll('video').forEach(v => v.playbackRate = 2);})();

4. 영상볼 때 누르면 끝
- 콘솔창에서 확인해보면 잘 바뀌는 것을 볼 수 있다

반응형
'Tools' 카테고리의 다른 글
| 포토샵 램 늘리는 방법 (feat. 포토샵 렉 해결) (0) | 2025.12.16 |
|---|---|
| VSCode 항상 새탭으로 여는 방법 (feat. 미리보기 페이지 기능 끄기) (0) | 2025.11.04 |
| VSCode로 서버 프로젝트 원격 연결해서 개발하기 (feat. Remote-SSH) (0) | 2025.08.14 |
| VSCode 주석 설정 방법 (feat. 주석 색상 변경 & 이탤릭체 해제) (0) | 2025.05.03 |
| VSCode 단축어 등록하는 방법 (feat. Console.log() & Console.WriteLine()) (0) | 2025.05.02 |