주력 Vivaldi 웹 브라우저 + Mpv 재생

웹브라우저 종류도 어마어마 많은데 다들 웹브라우저 머 쓰시나요?

저는 일단 메인으로 1. vivaldi, 2. brave, 

가볍게 쓰려면 3. qutebrowser

특정 용도로 4. 구글크롬, 5, 파이어폭스, 6. 엣지 브라우저를 쓰고 있습니다.

1. vivaldi : 2000년도부터 opera(당시 최초의 멀티탭 기능 탑재) 를 쓰다가. opera 가 중국회사에 넘어가고,

   기존 opera 를 계승(?)? 한 비발디가 나오자 마자 바로 갈아타서, 지금껏 쭈축 사용해 오고 있습니다.

   $ sudo pacman -S vivaldi

 1-1  vivaldi 장점 : 토탈 팩, 어마어마한 기능, 특정 기능들의 선구자입니다. 

  세로탭도 지원하고, 탭 타일링(가로/세로/그리드 타일링) 도 지원하고, 동기화 기능도 좋습니다(10년전에 리눅스 공부한다고, 브라우저에 "노트" 기능 메모해 놓앗던게 지금도 그대로 살아 있네요.

     저는 세션 저장 기능을 좋아합니다 필수.. session >> workspace >> 윈도우창 >> 윈도우 탭들 >> 탭 그룹이라는 개념이 있습니다.

    보통 저는 상시 3개 웹 브라우저에서 창을 100개 정도 열어놓는데. 컴퓨터 껏다 켜도 그상태 그대로라 편합니다.

 1-2. 크롬 확장 extension 을 그래도 사용 할 수 있습니다.

    | 유투브 관련 추천 확장 애드온

    A. 'Improve YouTube!' 🎧 (for YouTube & Videos)  : 강력 추천합니다. 기능이 어마어마 합니다.  유투브 화면 배치 인터페이스를 수정해서 사용 할 수 도 있고, 가로/세로 모드 회전 모드 등도, 있고, 유투브 탭이 열리면 자동으로 전체 화면 모드로 전환되서 재생 되는 기능도 있고, pip 모드 전환 재생 기능 등 많은 기능이 있습니다.

https://chromewebstore.google.com/detail/improve-youtube-🎧-for-yo/bnomihfieiccainjcjblhegjgglakjdd

    B. play-with-mpv : 웹브라우저의 동영상을 mpv 로 토스해서 재생할 수 있습니다. 모든 영상의 하드웨어 가속 재생이라는 이점이 있습니다. 파이션  server 스크립트가 필요 합니다.

https://chromewebstore.google.com/detail/play-with-mpv/hahklcmnfgffdlchjigehabfbiigleji

- 역시 시작화면은 깔끔하게. 검색창 하나와, 자주가는 사이트 셋. Session/Workspace 기능 조습니다.

- 웹브라우저에서도 타일링을...  F4 키를 누르면 촤측 세로 메뉴로, 열려저 있는 모든 윈도우 창들 탭 목록들을 띠워서 선택 이동 가능합니다.

- 비발디 매직 단축키 : F2 키

   rofi 메뉴와 비슷,, 검색어를 통해 단축키, 탭 이동, 히스토리 목록.. 웹 주소 입력..
  저는 F11 전체화면 모드를 선호하는데요. 공간의 낭비가 없이 모니터 넓게 쓸 수 있어서 좋아요.

  어차피 열려진 탭들도 어마어마하게 많아서 F2 검색 기능으로 찾는 게 더 빠르구요.
  유투브 애드온 적용.. 기본 재생 버튼 외 원하는 버튼 추가 할 수 있어요. 주황색 진행바 외 먼가 버튼이 많죠?

  A. xmonad 풀스크린 토글 단축키 Type : 타일링 모드에서 창이 6개 있다 치면, 키를 누를때마다 포커스된 윈도우 창이 워스크페이스에서 풀 화면으로 전환 되고, 타이링 모드로 재 전환되고 합니다.

    --- Toggle Fullscreen, Borders, Mirror

    -- For fullscreen toggle, visible border, status bar

     , ((modm, xK_Caps_Lock), sendMessage (XMonad.Layout.ToggleLayouts.Toggle "Full"))

    -- switch to Full (with top.bottom status visible). need avoidstruts

    , ("M-C-<Space>", sendMessage (XMonad.Layout.ToggleLayouts.Toggle "Full" ))

    -- switch to Full with no borders, no status bar

    , ("M-f" , sendMessage $ XMonad.Layout.MultiToggle.Toggle NBFULL )

    -- switch to Full layout, border, no statusbar

    , ("M-C-f" , sendMessage $ XMonad.Layout.MultiToggle.Toggle FULL )

    -- Remove borders all windows in workspace

    , ("M-C-S-b" , sendMessage $ XMonad.Layout.MultiToggle.Toggle NOBORDERS)

    -- Toggle the border of the currently focused window

    , ("M-C-b" , withFocused toggleBorder )

    -- Mirror transformation:

    , ("M-C-S-m" , sendMessage $ XMonad.Layout.MultiToggle.Toggle MIRROR ) -- bottom xmobar toggle struct. then properly works.

  B. 비발디 단축키 F11 : 웹브라우저 전체 화면 토글키

   "Window key + f" (wm 포커스된 윈도우창 전체화면 토글) --> F11 (포커스 된 비발디 전체 화면모드) --> F2 (비발디 매직 단축키)  =  단축키 버튼 연타해서 1초면.. 화면 모드 빠르게 변경가능. 단축키는 역시 빠릅니다.

2. brave

  크롬 확장 애드온 없이 기본 설정으로 써도 강력합니다. 내장된 광고 제거 기능과, 세션 저장, 번역기능이 디폴트 옵션으로 잘 작동합니다. Tor 기능이 내장 되어 있습니다.

  주변 사람들에겐 brave 를 1순위로 추천합니다.

  $ yay -S brave-bin

3. qutebrower

   리눅스 덕후들에게 추천합니다. 키보드 베이스는 웹브라우저.. 가볍고 단축키로 다 조집니다.

    $ sudo pacman -S qutebrowser

4. 구글 크롬

    핸드폰과 데스크탑의 동기화, 개인정보가 들어가는 웹 서핑시 모바일이나 데스크탑에서 주로 크롬을 이용합니다.

    $ yay -S google-chrome

5. 파이어폭스

    말이 필요 없는 궁극의 웹 브라우저, 하지만 저는 손이 잘 안 가더라구요

    $ sudo pacman -S firefox

6. 엣지 브라우저

   어린이 유투브 영상 재생용

    $ yay -S microsoft-edge-stable-bin

7. Midori : Web browser based on Floorp

    $ yay -S midori-bin    

8. Floorp : Web browser based on FireFox

    $ yay -S floorp-bin

  외관과 테마는 미도리와 거의 흡사.

9. Zen Browser :  Performance oriented Firefox-based web browser

   요즘 핫하다고 하네요.

    $ yay -S zen-browser-bin

 - 유투브 웹페이지 "Theater Mode" 재싱인데, 귀신같이 화면비가 딱 맞습니다. 

10. ladybird

    aur 에 ladybird-bin 패키지는 아직 없고(아직 초기 단계 베타버젼도 없는 알파단계라서 그런가요???)  aur에 ladybird, ladybird-git 패키지만 있어서 ffmpeg을 포함해서 ladybird를 컴파일해야하는데 시간이 어마어마하게 걸립니다.

  흠.. 1시간 걸려서 컴파일 끝났는데.

 $ ladybird 실행했더니. 

"[1] 1848466 segmentation fault (core dumped) Ladybird"  떳다 ... 흠..

[기타].  KDE 계열 웹 부라우저에,, 다른 생소한 웹 브라우저들도 많이 보이는 군요.

여런분들은 어떤 웹브라우저를 주력으로 사용하시나요?

- 크롬 계열 웹브라우저 + mpv 재생 팁

  리눅스 mpv 에서 그동안 x11, xv 소프트웨어 디코딩 재생으로 시작해서 vaapi, vdpau 하드웨어 가속을 사용해 오다.. nvidia 카드를 구매한 후에는 nvdec >> cuda >> vulkan 하드웨어 순서로 바꾸어서 하드웨어 가속으로 사용해 오고 있습니다.

현재 불칸 가속을 디폴로 쓰는데 불칸이 vp9나 특정 코덱에서는 불칸 하드웨어 가속이 안되서, 롤백으로 cuda나 nvdec 하드웨어 가속을 사용하고 있습니다.

유투브 영상 보다가. 단축키(mpv-with-play 단축키로 Ctrl+m 지정)를 누르거나 애드온 mpv 아이콘을 누르면. 현재 포커스된 영상 재생이 일시 정지되고, 그 지점 그대로 mpv 를 띠워서 재생합니다.

vp9 코덱이 선택되었을땐. cuda 가속을 하고, 아래 이미지처럼, avc1 코덱이 선택되어을 땐, vulkan  가속을 하고, av1 코덱이 선택되었을땐, 본인의 글픽카드의 av1 디코딩 능력이 없으므로 cpu 디코딩 재생합니다.

(아래 화면에서 "HW: vulkan" 이라고 잘 찍혀 나오네요. 하드웨어 가속 재생 중입니다.)

전, 노트북이 아니라 데탑이라.  밧데리 걱정이 없고, CPU 점유율도 갠찮게 나와서, av1 코덱의 소프트웨어 디코딩을 선호합니다. 
av1코덱이 네트웍 대역폭을 확실히 적게 먹네요. 개인적인 용도에서 전력보다 대역폭 절감이 더 중요합니다.  빠르개 로딩되고, 빠르게 seek 이동.   av1  코덱이 최고입니다.

-브라우저에서 mpv 토스 사용시 준비물

 1. 크롬 play-with-mpv 확장 extension  :

https://chromewebstore.google.com/detail/play-with-mpv/hahklcmnfgffdlchjigehabfbiigleji

 2.  $ sudo pacman -S mpv yt-dlp

 3.  $ yay -S mpv-uosc play-with-mpv-git

   uosc를 설치하면,  mpv에서 유투브의 챕터 기능을 쓸 수 있고, 실시간으로 mpv 상에서 유투브의 코덱이나, 해상도를 선택해서 재생할 수 있습니다. (본인의 GPU 카드에 맞는 하드웨어 가속 가능한 코덱 선택 가능)

- 사용법 : play-with-mpv 를 설치하면 /usr/bin/play-with-mpv 가 설치됨.

  티미널에나 tmux 에서 사전 play-with-mpv 서버 데몬을 실행  시켜 놓고, 유투브에서 영상 보다가 mpv 아이콘 크릭하거나 "Ctrl + M" 단축키(extension 설정에서 단축키 지정 가능)를 누른다.

- mpv extension 옵션값. (mpv 아이콘 우크릭 -> Options 크릭)

  B  MPV Arguments 리스트에서 아래 값을 입력 후 저장. 윈도우 OS 설정값 아님. 리눅스 OS 설정값

-------------------------------------------------------

--vo=gpu-next,gpu

--gpu-api=vulkan,auto

--hwdec=vulkan,cuda,auto

--gpu-context=x11vk,x11

--keepaspect

--geometry=75%x75%

--ontop

--no-border

--ytdl-format=(bestvideo[height<=?1080][fps<=?60][vcodec=av01.0.09M.08]/bestvideo[height<=?1080][fps<=?30][vcodec=av01.0.08M.08]/bestvideo[height<=?1080][fps<=?60][ext=mp4])+(bestaudio[acodec=opus]/bestaudio[acodec=vorbis]/bestaudio[acodec=aac]/bestaudio/bestaudio[ext=webm])/bestvideo+bestaudio/best[ext=mp4]/best

-------------------------------------------------------------

위 설정 값은 사전 A: ~/.config/mpv/mpv.conf 에서 설정되어 있는 옵션값을 덮어쓴다.

 mpv 가동시 A 에 설정된 값이 먼저 로딩 되고,  웹 브라우저의 B mpv 옵션값이 로딩(같은 옵션은 덮어쓴다.)된다

   --hwdec=vulkan,cuda,auto : , 뒤에 오는 값이 롤백 옵션, vulkan 을 하드웨어 가속 디코딩 시도하고, 실패시, cuda, 실패시 auto (nvidia 이면 nvdec 가속,  intel이나 amd 이면, vaapi 하드웨어 가속)

 본인이 보유한 모니터 해상도, 본인의 내장이나 왜징 글픽 카드의 하드웨어 가속 코덱 능력에 따라.. 선호하는 --ytdl-format 옵션값을 적절히 수정합니다.

 ( "$ yt-dlp -F [유투브 주소]" 치면.  fps, 코덱, 해상도를 체크 할 수 있습니다.  24fps, 30fps, 60fps,  | 1080p, 4K, 8K | av1, avc1, vc9 각 3개의 코덱마다 별도의 Type 이 있다. )

  위 값은 av1 코덱 우선, 위 값을 사용시 하드웨어 가속이 안되면, --ytdl-format 값을 수정해서 사용하거나, 그대로 사용시에는  

 mpv 상에서 

1. alt + q : 스트림 퀄리티 선택 하는 메뉴 뜸.  vp9나 avc1 을 선택하면 하드웨어 가속 된다.

 본인의 컴에서  av1 은 소프트웨어 디코딩이라 상관없고, vp9는 아직은 vulkan 가속이 불안정하다. avc1 은 vulkan 가속 문제 없다. 일반적으로 보통의 영상인 avc1/h264 영상은 vulkan 가속 재생 문제 없다.

따라서, 리눅스에선 nvdec나 cuda 가속이 더 안정적이다.  cuda 패키지가 다 설치 되어 있으면, cuda 가속이 더 안정적이면 성능이 더 좋게 나오는 것 같다.

 4K vp9 가속 까지 감안한다면,  --gpu-api 제거 , --gpu-context 제거,, --vo=gpu,  --hwdec=cuda,nvdec,auto 로 사용하는 게 더 나은 안정적이 하드웨어 디코딩 재생이 될 것이다.

(

#--hwdec-codecs=all

--hwdec-codecs="h264,hevc,vp8,vp9,av1,mpeg2video" # GPU에서 vc1(wmv) 코덱, 녹색 스크린, 하드웨어 가속 에러나는 경우 vc1 코덱 제거 할 것.

)

2. ctrl + h : 하드웨어 가속 메서드 순차적 변경

(3) alt + c : 영상의Chpter 보기. chpter 순서로 바로 이동 가능하다.

유투브  세로 영상 재생시.  mpv 상에서

alt+right : alt + 화살표 오른쪽 키를 누르면, 누를때마다 90도씩 회전한다.

 유투브 영상에 chapter 가 설정 되어 있으면 chapter  단축키 이용  seek 이동하고, chpter 가 없으면.

디폴트인 화살표 좌/우/위/아래 키로,, 초단위 분단위 seek 이동 하거나,  라래 설정값 이용 퍼센테이지 seek 이동한다.

F0 : 처음,  F1: 10% 구간,  F2: 20% 구간 ......   F9 : 90% 구간

~/.config/mpv/input.conf 파일

----------------------------------------------------------------------------​

## Hwdec

ctrl+h cycle-values "hwdec" "vulkan" "auto" "no" "cuda" "cuda-copy" "auto-safe" "auto-copy" "vulkan-copy" "vaapi" "vdpau"

### UOSC Menu Config ###

#P script-binding uosc/playlist #! File > Playlist

#p script-binding uosc/playlist

KP0 script-binding uosc/playlist #! File > Playlist

ENTER script-binding uosc/playlist

? script-binding console/enable #! File > Console

# script-binding uosc/open-config-directory #! File > Settings

ALT+c script-binding uosc/chapters #! File > Chapters

ALT+q script-binding uosc/stream-quality #! File > Stream Quality

b script-binding uosc/open-file #! File > Open File

M script-binding recentmenu/open #! File > Recently Played

# Movie-Image Rotate,pan,zoom {{{

## Movie, Rotate (for images)

ctrl+left add video-pan-x 0.1

ctrl+right add video-pan-x -0.1

ctrl+up add video-pan-y 0.1

ctrl+down add video-pan-y -0.1

ctrl+= add video-zoom 0.1

ctrl+- add video-zoom -0.1

ctrl+space set video-zoom 0; set video-pan-x 0; set video-pan-y 0

#alt+right no-osd cycle video-rotate 90 # Rotate by 90 degrees clockwise

#alt+left no-osd cycle video-rotate -90 # Rotate by 90 degrees counterclockwise

alt+right no-osd cycle-values video-rotate "90" "180" "270" "0"

alt+left no-osd cycle-values video-rotate "270" "180" "90" "0"

#alt+right no-osd vf add rotate=1 # Rotate

#alt+left no-osd vf add rotate=2 # Rotate

# }}}

# Advanced Seek {{{

##

## Advanced seek

## Uncomment the following lines to be able to seek to n% of the media with

## the Fx keys.

##

F10 seek 0 absolute-percent

F1 seek 10 absolute-percent

F2 seek 20 absolute-percent

F3 seek 30 absolute-percent

F4 seek 40 absolute-percent

F5 seek 50 absolute-percent

F6 seek 60 absolute-percent

F7 seek 70 absolute-percent

F8 seek 80 absolute-percent

F9 seek 90 absolute-percent

# }}}

----------------------------------------------------------------------------​

부록 : mpv 유투브 관련 CLI 앱

1. 설치 :

  $ pacman -S mpv yt-dlp

  $ yay -S youtube-viewer-git pipe-viewer-git

2. 설정 : .bashrc (또는 .zshrc) 파일

----------------------------------------------------------------------------

# 사용법 : $ pipe-viewer "신작소개"

alias youtube-viewer="youtube-viewer --video-player=mpv --append-arg='bestvideo[height<=?1080][fps<=?60][vcodec=av01.0.09M.08]'"

alias pipe-viewer="pipe-viewer --yt-dlp --ytdl-cmd="yt-dlp" --resolution=1080p --prefer-av1 --hfr "

# mpv 내장 search 기능

# vpn이 필요한 한국에서 차단되 유부트 채널, 성인인증이 필요한 채널 인증 없이 접속 재생 가능

# 사용법 : $ mmm '2025.03.25 신작' 

function mmm() {

    #mpv --ytdl-format="bestvideo[height<=?2160][fps<=?60][protocol!=http_dash_segments][ext=mp4]+(bestaudio[acodec=opus]/bestaudio[acodec=vorbis]/bestaudio[acodec=aac]/bestaudio/bestaudio[ext=webm])/bestvideo+bestaudio/best[ext=mp4]/best" ytdl://ytsearch:"$@"

    mpv --ytdl-format="(bestvideo[height<=?1080][fps<=?60][vcodec=av01.0.09M.08]/bestvideo[height<=?1080][fps<=?30][vcodec=av01.0.08M.08]/bestvideo[height<=?1080][fps<=?60][ext=mp4])+(bestaudio[acodec=opus]/bestaudio[acodec=vorbis]/bestaudio[acodec=aac]/bestaudio/bestaudio[ext=webm])/bestvideo+bestaudio/best[ext=mp4]/best" ytdl://ytsearch:"$@"

}

----------------------------------------------------------------------------​

실시간  유트브 퀄리티(해상도/코덱) 변경이 필요시,  viewer  앱은 검색용으로 사용하고, 

1. 제목 복사해서 $ mmm "제목" 으로 사용하거나,

2.  위 viewr 앱의 검색 결과 주소 복사 해서 $ mpv  [주소] 로 실행하면

뮤직비디오의 여러개의 srt 외국어 자막도 모두 불러와서 재생 가능하다.

웹브라우저 띠우지 않고, CLI 앱으로 처리하고, mpv 하드웨어 가속으로 재생 처리하므로 밧테리 용량을 획기적으로 절약할 수 있다.  CPU 점유율, 메모리 점유율 최저 방식

av1 코덱 하드웨어 가속 디코딩 되는 내장 그래픽 CPU 빨리 나왔으면 좋겠따. 혹 벌써 나와 있나요? 가지고 싶다.

감사합니다.