Code Monkey home page Code Monkey logo

music-mode-for-youtube's Introduction

Music Mode for YouTube™ logo

Music Mode for YouTube™

Available in the Chrome Web Store Get the Add-on

Overview

Music Mode for YouTube™ is a browser extension that blocks the video and plays only the audio on YouTube, YouTube Music and embedded YouTube videos in third-party sites. It is compatible with Chrome, Firefox and most of the modern Chromium browsers. The extension:

  • Block the video, playing only the audio
  • Hide the thumbnails of the videos
  • Skip the ads
  • Hide the user avatars
  • Disable the "Video paused. Continue watching?" message

Music Mode for YouTube™ is highly customizable since all the features are optional and can be turned on/off separately for YouTube, YouTube Music and embedded YouTube videos. Moreover, the extension can be enabled globally, for specific tabs, or temporarily for just a single video.

Note

Live videos are not blocked, just hidden.

Mobile support

The extension is fully compatible with YouTube for mobiles offering an extra feature that allows music and videos to play in the background. The extension can be installed in a smartphone using Kiwi, a Chromium browser for mobiles that supports extensions from the Chrome Web Store.

Reasons to use Music Mode for YouTube™

  • Hide NSFW content while listening to music (e.g. in workplace)
  • Reduce distractions on YouTube. Stay focused
  • Save bandwidth
  • Reduce CPU and GPU usage → reduce power usage → save battery → reduce your carbon footprint

Browser compatibility

  • Chrome 88 or later
  • Firefox 109 or later
  • Edge 91 or later

For compatibility with other Chromium browsers, a version that supports Manifest V3 is required.

Installation

For all the Chromium browsers that support extensions from the Chrome Web Store the extension can be installed from the Chrome Web Store. These browsers are:

  • Google Chrome
  • Microsoft Edge
  • Brave
  • Opera
  • Vivaldi
  • Kiwi (for mobiles)
  • etc

For the Firefox browser the extension can be installed from the Firefox Browser Add-ons.

Contribution

Any kind of contribution is welcome (refactoring, bug fixing, addition of new features, etc).

After downloading the source code:

  • For Chromium-based browsers, rename manifest_chrome.json and config_chrome.js to manifest.json and config.js
  • For Firefox, rename the corresponding files

Privacy Policy

The extension does not collect any kind of data. The user options are stored locally in the user's browser.

Support

Music Mode for YouTube™ is free. Support the development and maintenance of the extension through PayPal or Patreon.

Date of release

October 2, 2019

music-mode-for-youtube's People

Contributors

thunderarea avatar

Stargazers

Centei avatar Chido Nguyen avatar JunYu avatar  avatar Tiago Cunha avatar  avatar Morad avatar HWolf avatar adah avatar Ali Sofyan Nasution avatar  avatar Cuamuan Silaphan avatar John Taylor avatar Stipe Mihaljević avatar  avatar AgentofPhoenix avatar  avatar  avatar  avatar Youenn "SkytAsul" Le Jeune avatar Dimitrios Leonidis avatar  avatar  avatar  avatar  avatar  avatar  avatar Aris Christoforidis avatar

Watchers

Aris Christoforidis avatar  avatar

music-mode-for-youtube's Issues

Improve audio/video playback after activating/deactivating the extension

Sometimes, when you activate/deactivate the extension the audio/video:

  • Takes a while to start (sometimes up to half a minute)
  • Never starts (rarely)
    • It usually happens when you activate the extension. The main reason is that fails to "find" any audio URL. More common in Firefox
  • Loads the video/audio but pauses

Try to remove the permission "tabs"

The permission "tabs" throws a warning to the users who install the extension saying that the extension can "Read your browsing history"
https://developer.chrome.com/docs/extensions/develop/concepts/permission-warnings#permissions_with_warnings

Permission "tabs" is used to monitor when a URL changes and adjust the extension's functionality accordingly (remove qapages or sspages settings etc, start blocking videos/images if it is a YouTube URL or stop if it is not). It is used here

Try to implement this with popstate listener in the content scripts (to inform the background script for changes in the URL or if a new page is YouTube or YouTube Music) and beforeunload listener (to inform the background script that this page was removed/changed to something else)

Hide video without blocking it

Add an option (in the options page) where the user could select if they want the video to be blocked or just hidden. When the video is just hidden it can switch from visible to hidden very fast. If the user is not interested in the benefits of blocking the video, they can enable this option for better performance.

Video toggle button for YouTube Shorts

It has been suggested by some users. Not sure if it is a good idea. I think that it will add unnecessary complexity to the code (not sure, it may be something very easy)

Update Ad Skipper's option

YouTube will now detect the adblocker. it would be better to have descriptions reminding users about this situation next to the 'Ad skipper' button in settings.

Inform the users by adding a warning button next to this option (or something like that. Maybe a popup when they enable this option)

Loading audio lags when using "Hide the video" button

Dear dev,

First of all, thank you so much for this awesome add-on!!! It combines everything I need (skip ads + music mode), and even has a beautiful and clean interface...

I have it ON all the time for skipping ads but I only toggle Hide the video on some videos when not watching them.
Every time it switches from video to audio, there is a long lag. Sometimes it even stalls and it's necessary to manually click on play/pause or move the timeline to get the audio to load.

Attached you will find the settings I use.

Screenshot 2024-01-17 115048
Screenshot 2024-01-17 115148
Screenshot 2024-01-17 115208
Screenshot 2024-01-17 115229
Screenshot 2024-01-17 115247

Thanks again for your wonderful work and happy new year!

Remove settings from Image Quick Access Button when it is disabled

In YouTube, if I use the 'Images quick access button' to turn off the images and then hide the button in the settings, there will be no way to see the images in YouTube again, even if I turn off all the options in settings.

The solution is when a user deactivates the option "Images quick access button" or "Video quick access button" to remove their stored settings (sspages) as well. (the fields in the sspages that have to come with the respective button that was deactivated, not the whole object)

MusicMode logo appears in video when it should not

The extension's logo is visible in the videos even when the "Remove extension's logo from videos" option is enabled. This happens in Firefox as it was reported by a user. (It does not happen in my computer)

Option for removing enable/disable ability from popup

Scott Wurtz

Mar 22, 2024

Expand Audience with Third "Popup* Option"
Hello - I believe the audience of your extension could be expanded if you added one feature to your "options" menu. You currently have two options under your "Popup* options" section. I'd like to propose a third: "Allow Controlling Extension from Popup* Options", which would be enabled by default, and have all the same behavior of the extension in its current form.

If you disable this option, then the Music Mode On/Off switch and the Current Tab On/Off switch would disappear from the Popup Options menu. This would mean that the extension is always forced to be on while it is enabled.

The audience this would appeal to would be people interested in purposefully restricting themselves from visual youtube content, but wanting to allow audio youtube content. There would easily be a handful of users of an internet filter software "Plucky" (https://pluckyfilter.com/) who would begin using your extension every day, and suggest to others that they do the same. Plucky (and likely other self control softwares) can restrict disabling extensions and changing extension settings from the Chrome extensions page (chrome-extension://abbpaepbpakcpipajigmlpnhlnbennna/pages/options.html), but do not allow for restricting changing settings from the Popup Options menu. As of today, then, this extension is not useful for self-restricting users because they can simply disable it from the Popup Options menu, but with this extra option, this demographic could have access to all youtube audio content while being unable to access youtube visual content, which would be instrumental for this demographic. To my knowledge, there is no other extension that has this functionality.

I, for one, would certainly begin using it each and every day, and would donate to support your development.

Thanks for reading. It is a great extension!

Settings keep reverting to defaults

Hey, I've been using this extension for a while now, but one thing that bugs me is that every now and then, without any apparent reason, the settings revert to their defaults. I have the settings set so that the extension only blocks video on music.youtube.com, and shows the thumbnail of the video instead of the extension's logo. However, the extension periodically sets it so that all video and thumbnails are blocked, on youtube.com as well.

I use the extension on Vivaldi and this has been going on for quite a few months now. It continues to happen as I made the switch from Windows to Linux.

Please let me know what other specifics I should include, as I'm not sure what's relevant.

Make non-music mode default?

I'm constantly having to switch this extension on and off because if it's on, the default is music mode. If the default was not music mode I could select which tabs I want to use it in.

A button on the modified web page to switch modes would also be nice.

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.