Giter Club home page Giter Club logo

macos-screen-saver-as-chrome-new-tab's Introduction

Chrome-macOS-Screen-Saver-Tab

GitHub Repo stars GitHub Chrome Web Store Version GitHub contributors GitHub commit activity (branch)

Transform your Chrome's new tab page by showcasing macOS's aerial screen saver videos.

🖥️ If you're not using macOS, fear not! This extension remains compatible.

screenshot.png

Features

This Chrome extension delivers the following features:

  1. 🎥 Enhance your Chrome start page and new tab view with breathtaking 4K videos, taken directly from macOS' native aerial screen savers.
  2. 🌦️ Receive up-to-the-minute weather updates accompanied by a 3-day forecast.
  3. 💬 Search everything with Google/ChatGPT/Bing/Duckduckgo.
  4. 🌟 Discover motivational quotes that change randomly with each new tab.
  5. 🔗 Compile your browsing history from the chosen timeframe and offer a quick-access list for your convenience.
  6. 😑 Zen mode, you can comfortably space out while accompanied by carefully selected music and watching videos.

AnimatedImage.gif

Getting Started

Firstly, Install Macify on Chrome web store, Click here to install.

To get started, you need to configure the video source. We offer 3 options:

  1. Manually set up a local HTTP server ( recommended ).
  2. Directly use the services of Apple Server.
  3. Connect to Apple Server using our built-in reverse proxy.

If you're not technically inclined, consider opting for the second or third option.

And, you will need to get your free weatherapi.com API Key, if you want to enable the weather feature.

Use Apple Server as video source

Using the Apple server as a video source is a good option. However, since the URL where the screensaver videos are located is not trusted by most operating systems, you need to make the system trust the Apple server's certificate first. After that, you will be able to use the Apple server as a video source smoothly.

Simply open this address in Chrome: https://sylvan.apple.com/. The first time you open it, you will see a warning. Just click the Proceed to sylvan.apple.com (unsafe) button to ignore the warning, and that’s it.

chromewarnning.png

Now, you can enjoy videos from the Apple video source.

Use built-in reverse proxy as video source

By selecting the Apple Server as the video source and enabling the reverse proxy option, you will use the built-in reverse proxy to fetch videos from Apple indirectly.

This is juet for temporary convenience, it is not recommended to use the built-in reverse proxy for an extended period as it is only a temporary solution.

I cannot guarantee the long-term availability of this built-in reverse proxy.

Use local HTTP server as video source

It is recommended that you set up a local http server as video source if you are a macOS user.

You will be able to enjoy higher quality, faster-loading 4K videos, it’s very easy to set the server up, just follow the steps that come next.

Step 1️⃣: Acquire Screen Saver Videos via System Preferences

Ensure you're connected to Internet and proceed to open System Preferences.

Journey to the "Screensaver" settings within System Preferences. Within the aerial screensaver category, select the videos you wish to download. Bear in mind, the file size of each video spans between 500MB to 1GB; patience is required during the download process. Occasionally, downloads might experience interruptions, necessitating multiple attempts.

systempreferrence.jpeg

To conserve storage, it's advised against downloading the entire video collection.

Step 2️⃣: Initiate a Local Server

  1. Download the videoserver.conf file from the code repository.

  2. Store it in a directory that you intend to keep intact. And make sure the directory can be read by everyone, permission of drwxr-xr-x or 755 is great. For demonstration, let's use:

    /path/to/your/videoserver.conf
  3. Launch the terminal application.

  4. Link the configuration file to the Apache configuration folder:

    sudo ln -s /path/to/your/videoserver.conf /private/etc/apache2/other
  5. To activate the changes, restart Apache:

    sudo apachectl restart

Your local backend service should now be operational, with port 18000 as its designated listening port.

Step 3️⃣: Make Changes in the Settings

After you set up your local video server, you need to change the server settings in the extension's option page.

In the extension's option page, change the video source to "Local Server" and then enter your local address. If you are using the configuration file I provided, the default address is http://localhost:18000/videos/.

macos-screen-saver-as-chrome-new-tab's People

Contributors

jason5ng32 avatar dofy avatar howie-serious 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.