Giter VIP home page Giter VIP logo

yt-shorts's Introduction

BYS Icon

Better YouTube Shorts

Current Version Chrome Web Store users Firefox Add-on users Chrome Web Store License: GPL v3

Control your YouTube shorts just like a normal YouTube video! Features include progress bar, seeking, playback speed, auto skip and more. You can also customize the keybinds to your liking!

Installation

Features

  • Progress bar at the bottom with time and duration
  • Seeking 5 seconds backward and forward with arrow keys (adjustable time)
  • Mini timestamp and speed above the like button (can be scrolled on!)
  • Fullscreen support with F key and double click
  • Decrease and increase playback speed with keys U and O
  • Click the speed button to revert to normal speed or toggle between different speeds
  • Toggle to auto skip short when current one ends
  • Control volume with the volume slider or with - and =, mute audio with M
  • Customizable keybinds

Extra features:

  • Start short from beginning with J
  • Go to the next or previous frame of the video
  • Set default playback rate when first opening shorts
  • Auto skip short with likes below custom threshold (e.g. 500 likes)
  • Auto open comment section on each short
  • Hide overlay on shorts (title, channel, etc.)
  • Go to the next frame or previous frame with . and , while paused
  • Upload date above video title

Screenshots

image

Default Keybinds

Action Shortcut
Seek Backward (+5s) ArrowLeft
Seek Forward (-5s) ArrowRight
Decrease Speed KeyU
Reset Speed KeyI
Increase Speed KeyO
Decrease Volume Minus
Increase Volume Equal
Toggle Full Screen KeyF
Restart Short KeyJ
Next Frame
Previous Frame
Next Short
Previous Short

Some keybinds are disabled by default. You can enable them by setting its keybinds.

Contributing

All type of contributions are welcome. You may contribute by reporting bugs, suggesting new features, translating the extension or even by submitting a pull request.

Translation

Know multiple languages? Help translate the extension so we can have a reach worldwide! See the list of supported locales here. You can translate the extension itself or the store listing description which is under the store-desc/ directory.

For beginners

We are currently using POEditor to facilitate the extension localization process for beginners. You can join the project using this invite link. Note that you can choose to translate or copy the description as it is just for reference.

To test your translation in the browser, export the file as Key-Value JSON, rename the file to messages.json and put it in the _locales/[LANG] folder where LANG is the code of the language. Make sure the locale of your browser is set properly. See the development guide below to build your extension in real-time. Please note that this method haven't been fully tested yet, so please let us know of any issues you faced in the issue page.

If you need any help in translating, you may create an issue or contact us using the Google Form below.

For advanced users

Start by forking the repo, copying the _locales/en/messages.json file and paste it to your locale code directory. Then, you can start translating the messages in the messages.json file. The description are just for reference and will not be visible to the user so you may translate it or leave it as it-is.

You can also add help translate the store listing description by emailing @ynshung or creating an issue to express your interest. Note that you will be notified to update the description from time to time.

Issues / Suggestion

If you have faced any issue with the extension or any suggestion that can help to improve the extension, you may create an issue here or if you know how to code, fork the repo, make the necessary changes and create a pull request.

Check for existing issues to avoid duplicates. For better reporting, check the Console (F12 > Console) for any related error which can be included in your report.

You may leave your feedback in this Google Form.

Development Guide

  1. Fork the project on Github
  2. Clone your fork in your local machine
  3. Open the working directory in the terminal
  4. Run npm i to install all dependencies (ensure that node and npm are installed)
  5. For Chrome development
    1. Run npm run dev to start development
    2. Open Chrome and navigate to chrome://extensions
    3. Toggle Developer Mode with the switch at the top-right of that page
    4. Drag and drop the dist directory into that page to load the unpacked extension
    5. OR click load unpacked and select the manifest.json file in the directory
    6. Changing a file should automatically update and refresh the extension
  6. For Firefox development
    1. Run npm run dev:firefox to start development
    2. Open Firefox and navigate to about:debugging#/runtime/this-firefox
    3. Click Load Temporary Add-on... and select the package.json in the dist directory
    4. Everytime a file is changed, make sure to reload the extension after the message of Firefox manifest created successfully. is shown.

License

GNU GPL v3

yt-shorts's People

Contributors

ynshung avatar adsuth avatar monsieurvor avatar erelado avatar tiagohconte avatar takoyaki88e avatar swolewizard avatar samisul avatar dependabot[bot] avatar criskkky avatar kronosdesign avatar emyrdemir avatar dekotale avatar zopieux avatar phuicmt avatar roastedrowlet avatar sekisback avatar dhanasekaranchellamuthu avatar kangwooklee29 avatar rudrakpatra 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.