Giter Site home page Giter Site logo

distractionfreeyoutube's Introduction

DistractionFreeYoutube

Made it to avoid getting distracted by youtube vids.

Webpages

video_id -> The id of the video at the end of the url
Eg: In, "https://www.youtube.com/watch?v=abcdefghijk" video_id = "abcdefghijk"
Or In, "https://youtu.be/abcdefghijk", video_id = "abcdefghijk"

  • Home Page (/):

    Has a video which you can set using (/set?s={video_id}). The default video is a "study with me" video by "Merve"
  • Single yt vid (/yt?s={video_id}) :

    If you just happened to receive a particular videos link, and want to watch it without going to the youtube website, you can use this webpage.
  • Set default video (/set?s={video_id}) :

    If you want to set a different video for your home page, you can use this. It saves the video_id in your cookies folder.
  • Selected content creators (uploaded in the last week only) (/youtube) :

    If you want to watch vids by only some content creators, you will need to edit the dictionary channelIdList, in yt_rec.py. The steps to get the channel id's is in the comments above it. It only shows the videos uploaded by the content creators specified, in the last week.

Setup

Need to finish writing this part

(Required) Api Key

  • Go to https://console.cloud.google.com/apis/api/youtube.googleapis.com ,and click on "enable", click on "Enable" to enable the YouTube Data API v3
    You will then be redirected to a page.
  • Go to the credentials tab It's below the API info
  • Create an API KEY
  • Place the value of the API in the line below the "importing lines" in yt_rec.py in place of the api variable. It's a string.

(optional) Edit the cities for the weather

Change the cities mentioned for the weather in templates/yt.html.

(optional) Set default home page video

Explained in the HOMEPAGE subheading in WEBPAGES

(optional) If you want to get the limited videos uploaded by your selected content creators

Explained in the SELECTED CONTENT CREATORS subheading in WEBPAGES

Important Fixes

  • Need to save the data somewhere else, instead of cookies, cuz cookies are temporary

Ideas & Things To Do

  • Work on the parallax animation, by adding more layers.
  • Remove "Welcome Darelife" and replace it with motivational quotes
  • Make the video pop out when the video isn't in the users frame of view.
  • Work on making the display perfect for different screen sizes.

distractionfreeyoutube's People

Contributors

darelife avatar

Stargazers

 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.