From 31079ceec969d1f0c45d38eca9bda7ac83c2ba4d Mon Sep 17 00:00:00 2001 From: Ollie Taylor <13766232+OllieJT@users.noreply.github.com> Date: Thu, 13 Jul 2023 00:44:31 +0100 Subject: [PATCH] Update README.md --- README.md | 66 ++++++++++++++++++++++++++++++++----------------------- 1 file changed, 39 insertions(+), 27 deletions(-) diff --git a/README.md b/README.md index c0916ad..c207d81 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,14 @@ + + # Svelte Podcast -A collection of tools for building podcast websites and tools with Svelte or SvelteKit. +Svelte-Podcast streamlines the creation of custom audio players and simplifies state management in Svelte apps. | Version | License | Status | | :-------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------: | @@ -8,6 +16,20 @@ A collection of tools for building podcast websites and tools with Svelte or Sve ## What's inside? +### Build custom Audio Player UI + +Simplify the creation of custom audio players with a set of headless components that keep out of your way and take care of core functionality. + +### Easily manage Audio State + +Loading, controlling, and keeping track of multiple audio sources is a pain. svelte-podcast abstracts this away and provides a simple interface to manage audio state. + +### Track user preferences + +Users expect a lot from media players. It should remember their preferences like playback speed, and it should remember where they were in an episode even after reloading the page. svelte-podcast takes care of this for you, and provides you with access to extend this with your own database. + +### Features + - 🔊 Load and play audio files via URL or local files - 🔃 Navigate via client-side routing while audio continues to play - 🎛️ Simpler control over audio playback: @@ -24,16 +46,20 @@ A collection of tools for building podcast websites and tools with Svelte or Sve **Roadmap** In no particular order, here are some of the things I'm confident will be added to this library: -- ☐ Podcast player component utilities -- ☐ Pre-built player component -- ☐ RSS Feed parsing -- ☐ Looping segments of an episode -- [And more ideas being discussed](https://github.com/OllieJT/svelte-podcast/labels/feature) +- [ ] Podcast player component utilities +- [ ] Pre-built player components +- [ ] RSS Feed parsing +- [ ] Looping segments of an episode + +[And more ideas being discussed](https://github.com/OllieJT/svelte-podcast/labels/feature) ## Docs > **Warning** -> This project is in early development. The docs are not yet complete and the API is likely to change before 1.0.0. +> We're getting close to v1, but this project is stil pre v1.0.0. Braking changes are still possible. + +> **Note** +> Contributions are welcome but I do not plan to provide guides for contributing until the project is more stable. #### Install @@ -48,24 +74,10 @@ yarn add svelte-podcast@latest pnpm add svelte-podcast@latest ``` -You must add one instance of the `` to your app. This should be places as high as possible, ideally in your root `+layout,svelte` file. +You can find docs and guides for getting started on [svelte-podcast.com](https://svelte-podcast.com/) -```html - - - - - -``` - -#### Basic usage - -You can find docs and guides for getting started on [svelte-podcast-docs.vercel.app](https://svelte-podcast-docs.vercel.app/) - -> **Warning** -> This project is early in development. API changes are likely until we reach v1.0.0. - -> **Info** -> Contributions are welcome but I do not plan to provide guides for contributing until the project is more stable. +| Resource | Link | +| ----------------------------------------------------------------- | ------------------------------------------------------------- | +| Provides guidance on Installation, Audio Sources, and Type Safety | [Getting Started](https://svelte-podcast.com/getting-started) | +| Covers API methods for audio, user preferences, and user progress | [API](https://svelte-podcast.com/api) | +| Offers examples of Headless UI, Tailwind, and CSS players | [Examples](https://svelte-podcast.com/examples) |