Giter VIP home page Giter VIP logo

youtube-shorts-player's Introduction

Closed

EN: That's it, youtube has implemented the last thing I did in this extension. Now the extension is no different from the original shorts functionality (except perhaps for the video rewind speed, but I don’t think that’s really that important). Well, now I don't have to keep it running!

RU: Всё, youtube реализовал последнее, что я сделал в данном расширении. Теперь расширение ничем не отличается от оригинального функционала shorts (кроме разве что скорости перемотки видео, но не думаю, что это прям настолько важно). Чтож, теперь мне не придётся поддерживать его работоспособность!

youtube-shorts-player

Adds video navigation and audio control to youtube shorts videos

Default / Обычное поведение

Preview functional

On hover / При наведении

Preview functional

On change video position / При изменении позиции видео

Preview functional

On speed playback change / При изменении скорости воспроизведения видео

Preview functional

On volume change / При изменении громкости звука

Preview functional

Instructions

Install extension Tampermonkey

Next, you have 2 ways to install it:

  1. Simple (no manual assembly, recommended)
    1. Click this link to automatically add the script to tampermonkey (or do it manually by opening the /dist/player.user.js file and clicking the raw button)
    2. Save and open or reload page with youtube shorts
  2. Manual (build the project yourself from sources)
    1. Clone this repository
    2. Run in console yarn install and then yarn webpack
    3. Go to the tampermonkey extension interface and create a new script (empty)
    4. Copy the contents of the /dist/player.user.js file and paste it into the new script
    5. Select "File" -> "Save" in the top menu

Инструкция

Установить расширение Tampermonkey

Далее у вас есть 2 способа установки:

  1. Простой (без ручной сборки, рекомендуется)
    1. Нажать на данную ссылку для автоматического добавления скрипта в tampermonkey (или сделать это вручную, открыв файл /dist/player.user.js и нажав кнопку raw)
    2. Сохранить и открыть/обновить страницу с youtube shorts
  2. Ручной (собрать проект самому из исходников)
    1. Клонируете данный репозиторий
    2. Выполняете в консоли yarn install и следом yarn webpack
    3. Переходите в интерфейс расширения tampermonkey и создаёте новый скрипт (пустой)
    4. Копируете содержимое файла /dist/player.user.js и вставляете в тот самый новый скрипт
    5. В верхнем меню выбираете "Файл" -> "Сохранить"

youtube-shorts-player's People

Contributors

aleqsunder avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.