Skip to content

Latest commit

 

History

History

google-slides-scrolling-screenshots

README.md

Google Slides Scrolling Screenshots

It is a demonstration application that uses ScreenshotOne API—the best screenshot API to render scrolling screenshots of Google Slides presentations.

A guide with more details on how to render Google Slides as scrolling screenshots is available in the ScreenshotOne documentation.

Check out more examples in the ScreenshotOne examples repository.

How it works

You provide a Google Slides public presentation URL via the CLI argument and the application will:

  1. Download the presentation as HTML.
  2. Request the ScreenshotOne API to render scrolling screenshots of the presentation.
  3. Save the resulting video to the specified file.

The code was written with the help of Cursor as specified in the instructions.

How to build and run

  1. Clone the repository:
git clone https://github.com/screenshotone/examples.git
  1. Navigate to the examples/nodejs/google-slides-scrolling-screenshots directory:
cd examples/nodejs/google-slides-scrolling-screenshots
  1. Install the dependencies:
npm install
  1. Create a .env file and set the following environment variables:
SCREENSHOTONE_ACCESS_KEY=your_screenshotone_access_key
  1. Build the TypeScript code:
npm run build
  1. Run the application:
npm start -- <url> <output file>

For example, to render scrolling screenshots of a Google Slides presentation:

npm start -- "https://docs.google.com/presentation/d/1fsaM1LaLUEzNn9pTPRdY0XBz1WxaFcWBD2WY50SrqwY/edit?usp=sharing" "google-slides-scrolling-screenshot.mp4"

Alternatively, you can use the development script that builds and runs in one command:

npm run dev -- <url> <output file>

The results will be saved to the specified output file:

The results of the rendering.