https://github.com/mikeymac02/piframe
This is a raspberry pi/google photos smart picture frame. It uses the google photos api to download pictures from your google photos library and display them in a slideshow format (THIS IS ONLY MEANT FOR RASPBERRY PI SYSTEMS)
https://github.com/mikeymac02/piframe
frame picture raspberry-pi raspberrypi
Last synced: 2 months ago
JSON representation
This is a raspberry pi/google photos smart picture frame. It uses the google photos api to download pictures from your google photos library and display them in a slideshow format (THIS IS ONLY MEANT FOR RASPBERRY PI SYSTEMS)
- Host: GitHub
- URL: https://github.com/mikeymac02/piframe
- Owner: Mikeymac02
- License: apache-2.0
- Created: 2024-11-27T15:16:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-12T19:17:39.000Z (over 1 year ago)
- Last Synced: 2025-04-06T22:14:02.051Z (about 1 year ago)
- Topics: frame, picture, raspberry-pi, raspberrypi
- Language: Python
- Homepage:
- Size: 1.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[![LinkedIn][linkedin-shield]][linkedin-url]
PI Frame
A digital picture frame powered by google photos api
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
[![Product Name Screen Shot][product-screenshot]](https://example.com)
This project was made as a Christmas gift for someone but I decided to post the code for all to use, thus is the Christmas Spirit.
### Required Components
- Rapsberry Pi 3B/4B/5
- A display(I am using the official Raspberry Pi 7" Touchscreen)
- A google account
- A mobile device
- Internet connection
## Getting Started
This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow this tutorial.
### Setting up Google API Access
The project requires a Google API account to access your google photos account. The next steps are how to correctly set up your api account and project.
Go to Google Cloud Api. If you are signed in, you will see the blue 'Try Google Cloud Free' button, press it and you will be prompted to create your account.
You will then see a blue 'New Project button on your screen, click it.
Once you create your project, you will be presented with this dashboard. Click 'APIs & Services'
You will now see this dashboard. We need to enable the Google Photos Picker API, so we need to click '+ ENABLE APIS AND SERVICES'
Once you search 'Google Photos API', click on the result and enable it via the enable button
After that, we need to set up the authentication consent screen. Click 'OAuth Consent Screen' on the left bar & set the user type to be external (it will never be internal), then hit create
Now we need to set up the credentials so your api can get authenticated and work properly. Click the 'Credentials' tab on the left, then '+ CREATE CREDENTIALS' and click 'OAuth client ID'
You will be prompted with the above creation screen. Set the Application type to be 'Web application', name your client, and set the Authorized redirect URIs to have 'https://localhost:8080/'. After that, press create.
After that, you'll be prompted with a confirmation screen. Make sure you hit the 'DOWNLOAD JSON' button and label the file Credentials.json, you will need to put this into your project directory.
## Installation
1. You can either clone this repository or copy the main.py file and build the folders yourself
- If you clone the repository, make sure to delete all items in the "images" & "backup" folders
- If you only copy the main.py, you will have to create the "images" & "backup" folders in the same location of your main.py file
2. You now need to install each of the dependencies
- The first 3 imports are default with python and do not need to be installed
3. Now you need to put the Credentials JSON file that you generated earlier into the project folder
## Startup
- Upon running the code, a QR Code will appear. I reccomend using the google app on your phone to scan it as it lets the photos selection be much more streamlined.
See the [open issues](https://github.com/Mikeymac02/PiFrame/issues) for a full list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
### Top contributors:
## License
Distributed under the Apache License. See `LICENSE.txt` for more information.
## Contact
Project Link: [https://github.com/Mikeymac02/PiFrame](https://github.com/Mikeymac02/PiFrame)
[contributors-shield]: https://img.shields.io/github/contributors/Mikeymac02/PiFrame.svg?style=for-the-badge
[contributors-url]: https://github.com/Mikeymac02/PiFrame/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/Mikeymac02/PiFrame.svg?style=for-the-badge
[forks-url]: https://github.com/Mikeymac02/PiFrame/network/members
[stars-shield]: https://img.shields.io/github/stars/Mikeymac02/PiFrame.svg?style=for-the-badge
[stars-url]: https://github.com/Mikeymac02/PiFrame/stargazers
[issues-shield]: https://img.shields.io/github/issues/Mikeymac02/PiFrame.svg?style=for-the-badge
[issues-url]: https://github.com/Mikeymac02/PiFrame/issues
[license-shield]: https://img.shields.io/github/license/Mikeymac02/PiFrame.svg?style=for-the-badge
[license-url]: https://github.com/Mikeymac02/PiFrame/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/michael-mcnamara-5095b01a0
[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[Angular-url]: https://angular.io/
[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[Svelte-url]: https://svelte.dev/
[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[Laravel-url]: https://laravel.com
[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[JQuery-url]: https://jquery.com