Spúšťanie YouTube videa v externom prehrávači

28.8.2017 13:01 | Přečteno: 1596× | Linux | poslední úprava: 29.8.2017 15:58

Firefox na Linuxe nepodporuje plnohodnotnú hardwarovú akceleráciu HTML5 videa a jeho softwarové prehrávania značne vyťažuje CPU. Pomocou pár úprav je však možné nechať si napríklad YouTube video prehrať pomocou externého prehrávača ako MPV tak, aby bolo plnohodnotne akcelerované pomocou GPU a okno prehrávača rozmermi aj polohou nerušene prekrývalo pozíciu pôvodného.

• Najprv si do systému nainštalujeme mpv a youtube-dl.
• MPV nastavíme tak, aby pre YouTube videá namiesto predvoleného VP9 formátu vyžadovalo H.264, ktorý súčasné grafické karty na rozdiel od VP9 vedia hardwarovo akcelerovať. Do jeho konfiguračného súboru ~/.config/mpv/mpv.conf doplníme nasledujúci riadok s príslušne nastavenou maximálnou výškou prehrávaného HD videa:

  ytdl-format=bestvideo[ext=mp4][height<=1080]+bestaudio/best[ext=mp4]/best
  

• V systéme si vytvoríme /usr/bin/ytvideo.sh skript, ktorý použijeme na procesovanie ytvideo:// URL. Samotná URL sa bude skladať z ytvideo:// prefixu nasledovanom samotnou URL adresou YouTube videa a znakom |, za ktorým pôjdu MPV parametre na umiestnenie videa na obrazovke, napríklad ytvideo://https://www.youtube.com/watch?v=8eXM93Wyrro|--geometry=854x480+314+511. Obsah Shell skriptu:

  #!/bin/sh
  IFS=\| read url options <<< "${1//%20/ }"
  /usr/bin/mpv ${options} "${url#ytvideo://}"
  

• Do systému si ako root pridáme podporu pre ytvideo:// URL vytvorením /usr/share/applications/ytvideo.desktop súboru s nasledujúcim obsahom:

  [Desktop Entry]
  Version=1.0
  Name=MPV YouTube
  Exec=/usr/bin/ytvideo.sh %U
  Terminal=false
  Type=Application
  MimeType=x-scheme-handler/ytvideo
  

  a spustíme príkaz update-desktop-database na aktualizovanie Desktop špecifikácii.
• Do Firefoxu si najprv nainštalujeme rozšírenie Disable Autoplay for YouTube, aby sa zabránilo automatickému prehrávaniu HTML videa v prehliadači. Na mieste videa sa tak bude zobrazovať len jeho náhľad a tlačidlo na spustenie prehrávania.
• Do Firefoxu si potom nainštalujeme rozšírenie na spúšťanie userscriptov, napríklad Violentmonkey, a pridáme do neho nižšie uvedený JavaScript kód, ktorý sa bude spúšťať po kliknutí na YouTube video. Skript zabráni spustenie videa v prehliadači a namiesto toho si zistí jeho URL, rozmery a polohu na obrazovke. Následne sa pokúsi otvoriť ytvideo:// URL. Keďže v JavaScripte sa nedá presne zistiť absolútna poloha HTML elementu na obrazovke, bude potrebné si manuálne doladiť horizontálny a vertikálny posun systémom pokus - omyl. V mojom prípade stačilo doplniť číslo 10:

  // ==UserScript==
  // @name YouTube MPV
  // @namespace vip
  // @match https://www.youtube.com/*
  // @grant none
  // ==/UserScript==
  
  var p = document.getElementById("player");
  if (p) {
      p.addEventListener("click", function(e){
          e.stopPropagation();
          var list = document.getElementsByClassName("html5-video-player");
          if (list.length) {
              var rect = list[0].getBoundingClientRect();
              var geometry = `${rect.width}x${rect.height}` + 
                             `+${Math.ceil(rect.left) + window.screenX}` +
                             `+${rect.top + window.screenY + window.outerHeight - window.innerHeight + 10}`;
              console.log(`ytvideo://${document.URL}|--geometry=${geometry}`);
              window.open(`ytvideo://${document.URL}|--geometry=${geometry}`).close(); 
          }
    }, true);
  }
  

• Po otvorení novej záložky s YouTube videom sa po prvom kliknutí otvorí modálne okno, ktoré umožní natrvalo asociovať ytvideo:// URL s /usr/bin/ytvideo.sh skriptom. Ďalšie YouTube videá sa po kliknutí už budú samé otvárať v MPV tak, ako je vidieť v priloženom obrázku.

Pre lepšiu prehľadnosť sa zoznam použitých skriptov dá nájsť aj na: https://gist.github.com/viliampucik/94cab9cb76246eac7b1dc64cd247bd81.        

Obrázky

Komentáře

[BFU]

To video v prohlizeci by melo byt samo o sobe textura a cela scena/stranka je kompozitovana pomoci EGL, takze pokud to vytezuje CPU, je problem nekde tam.

[Jendа]

document.URL=https://www.youtube.com/watch?v=AB3Gj2PkYZc|--heartbeat-cmd=xcalc

[ehm]

Možná hloupá otázka, ale ten přehrávač je v samostatném okně, nebo vložený do stránky?

[Jendа]

Je to samostatné okno, které je napozicované na místo, kde je ve stránce obdélník na video.

Pomocí parametru --wid= se dá nějak kreslit přímo do browseru, ale nikdy jsem to nezkoušel. Ale já jsem tímhle způsobem kreslil na xscreensaver a do PyGame (tj. video ve hře bylo realizováno tak, že jsem spustil mplayer a dal mu app.drawing_area.window.xid).

[ehm]

Toho jsem se obával. Kliknutí do browseru tedy schová přehrávač a překryje ho browserem – leda by okno přehrávače bylo „always on top“, ale pak zůstane nahoře i při přenutí do jiného tabu (nemluvě o přepínání do jiných aplikací; ale to je řešitelné, pokud na té ploše nic jiného než browser nebude).

Argument --wid je dost dobrý postřeh, ale bohužel to je asi nepoužitelné. Kreslí se to přes celé okno a argument --geometry je ignorován:

If an external window is specified using the --wid option, this option is ignored.

Totéž platí o argumentu --autofit, i když to dokumentace nezmiňuje.

Mimochodem, kdo byste s tím chtěl experimentovat (mě se to netýká; používám Chrome, problémy s výkonem nemám), tak ID okna zjistíte pomocí „xwininfo“. Podle titulku třeba:

mpv <zdroj> --wid=$(echo `xwininfo -tree -root | grep Chrome` | cut -f1)

Jen tak mimochodem, Bash smrdí.

[petr]

Zajimave. Existuje nejaka snaha resit akceleraci videa ve ff na linuxu? Tohle mi prijde hodne user friendly

[Chytrex]

používám Viewtube k naprosté spokojenosti..

[Grunt]

Osobně používám přímo mpv. Mám nabindováno na klávesu b parametr --no-border a na „C“ autocrop skript a funguje k plné spokojenosti. Akorát by se mi líbilo když by za chodu šel přehazovat ještě parametr --ytdl-format.

[Dreit]

Já to řeším přes addon Custom Buttons, kde jsem si vytvořil tlačítko na lištu s následujícím kódem:

 

var localFile = Components.classes["@mozilla.org/file/local;1"].
createInstance(Components.interfaces.nsILocalFile);
var process = Components.classes["@mozilla.org/process/util;1"].
createInstance(Components.interfaces.nsIProcess);

var url = content.document.location.href;
var args = [url];
localFile.initWithPath("/bin/mpv");
process.init(localFile);
process.run(false, args, args.length);

 

Vygooglil jsem to před pár měsíci a maká to nádherně - vlezu na stránku videa, kliknu na tlačítko na toolbaru a otevře se mi okno s videem.

[.]

Ze stejného důvodu používám h264ify.