Líbí se mi, že média přešla z vlastních pluginů (Flash…hrubý) na základní HTML <video> a <audio> Prvky. Zacházení s těmito mediálními zdroji jako s dalším prvkem nám umožňuje používat CSS filtry například k úpravě zobrazení. Čím méně toho musíme dělat s ffmpeg nebo pluginy, tím lépe.
Všiml jsem si, že mnoho webů s videi implementovalo funkci pro úpravu rychlosti přehrávání videa, což je skvělé, pokud se snažíte rychleji projít některými sportovními momenty nebo chcete vidět to monstrum namočit v super zpomaleném záběru. Doufal jsem, že to nevyžaduje nějaký speciální typ serveru k odeslání souboru v pomalejších nebo rychlejších blocích a měl jsem pravdu:vše, co potřebujete, je playbackRate majetek!
const video = document.querySelector("video");
// Slow it to 50% speed
video.playbackRate = 0.5;
// Twice as fast!
video.playbackRate = 2;
// Back to normal
video.playbackRate = 1;
Použití čísla menšího než 1 zpomalí video, čísla většího než 1 zrychlí video a 1 obnoví video na normální rychlost. Všimněte si také, že playbackRate není atribut HTML – je to vlastnost.
Úprava rychlosti přehrávání není něco, co byste chtěli udělat pro všechny weby s videi, ale pokud si myslíte, že by se to mohlo líbit vašim uživatelům, je to jen jedna vlastnost prvku HTML!