https://github.com/egimenos/local_playlists_player

React app to create and manage playlists from videos in a local source using the new FileSystemAccess API
https://github.com/egimenos/local_playlists_player

filesystem-access-api indexed-db react

Last synced: 16 days ago
JSON representation

React app to create and manage playlists from videos in a local source using the new FileSystemAccess API

• Host: GitHub
• URL: https://github.com/egimenos/local_playlists_player
• Owner: egimenos
• Created: 2022-01-06T17:36:58.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-22T19:22:02.000Z (about 4 years ago)
• Last Synced: 2025-11-09T01:15:03.065Z (7 months ago)
• Topics: filesystem-access-api, indexed-db, react
• Language: JavaScript
• Homepage: https://local-playlists-player.vercel.app/
• Size: 1.47 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Local Playlists Player

App to manage and watch video playlists using videos from a local source. The main motivation behind it is to be able to download videos from sources like youtube and have a playlist with a "udemy" feel to watch the videos even offline.

### Description

This apps tries to leverage the new FileSystemAccess API to allow the reproduction of video playlists from a local source in the browser. The app stores the handlers of the files in IndexedDB so they can be retrieved and played even if the browser and all the sessions are closed.

The app has been made with React, there is a demo here: https://local-playlists-player.vercel.app/

Please bear in mind that the FileSystemAccess API is still a experimental feature. The app has been tested in Chrome 97.0.4692.71.

https://wicg.github.io/file-system-access/

### Usage

`npm start` to start the development server in localhost:3000   

`npm test` to run the test suite (work in progress).  

`npm run build` to get a production build.   

### Screenshots

![img](https://i.imgur.com/vyEHKvZ.jpg)

![img](https://i.imgur.com/Wdf5ojY.jpg)

### Todo

- [] Add a test suite

- [] Allow reordering videos using drap and drop