commit b7d788be148925eae77f6b966a7d51c550a342bd Author: Jose Aquino Jr Date: Tue May 27 15:57:47 2025 +0100 initial diff --git a/Readme.md b/Readme.md new file mode 100644 index 0000000..b9bb9cc --- /dev/null +++ b/Readme.md @@ -0,0 +1,45 @@ + +# Screenshot Timeline Player + +Screenshot Timeline Player is a web app that lets you view and play back a sequence of screenshots (or other images) in chronological order, like a timeline slideshow. + +![Screenshot Timeline Player UI](screenshot.png) + +## Features + +- **Folder Selection:** Load a folder of images (screenshots) at once. +- **Timeline Playback:** Play images in order, like a video. +- **Playback Controls:** Play, pause, go to first/last, next/previous image. +- **Speed Control:** Adjust playback speed (0.5x to 5x). +- **Thumbnails:** See and jump to any image using the thumbnail strip. +- **Keyboard Shortcuts:** + - `Space`: Play/Pause + - `←` / `→`: Previous/Next image + +## Usage + +1. **Open the app** in your browser (open `src/index.html`). +2. Click **Select Folder** and choose a folder containing your screenshots or images. +3. Use the playback controls or keyboard shortcuts to navigate through your images. + +## Supported Image Formats + +- PNG, JPG, JPEG, GIF, BMP, WEBP + +## Requirements + +- A modern web browser (Chrome, Edge, Firefox, Safari). +- No installation or backend required. + +## How it Works + +- The app uses the browser's [File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API) to load images from your local folder. +- Images are sorted by their last modified date to create a timeline. + +## License + +This project is provided as-is for personal use. + +--- + +Made with [BeerCSS](https://www.beercss.com/) 🍺 \ No newline at end of file diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..0057c1c Binary files /dev/null and b/screenshot.png differ diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..c203a69 --- /dev/null +++ b/src/index.html @@ -0,0 +1,450 @@ + + + + + + Screenshot Timeline Player + + + + +
+
+

📸 Screenshot Timeline

+

Play your screenshots in chronological order

+
+ +
+
+ Select a folder containing screenshots to begin +
+
+ + + + +
+
+ + + + + + + +
+ Speed: + + 1x +
+ +
No folder selected
+
+ +
+
+
+ + + + + + + \ No newline at end of file