{"id":15046955,"url":"https://github.com/willnguyen1312/headlessplayback","last_synced_at":"2025-10-29T11:31:09.868Z","repository":{"id":167241912,"uuid":"642812591","full_name":"willnguyen1312/headlessplayback","owner":"willnguyen1312","description":"A simple yet complete playback library designed for UI frameworks or even without","archived":false,"fork":false,"pushed_at":"2024-06-11T14:30:24.000Z","size":2480,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T09:21:22.526Z","etag":null,"topics":["audio","playback","preact","qwik","react","solid","svelte","video","vue"],"latest_commit_sha":null,"homepage":"https://willnguyen1312.github.io/headlessplayback/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willnguyen1312.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["willnguyen1312"]}},"created_at":"2023-05-19T11:59:59.000Z","updated_at":"2024-06-11T14:30:28.000Z","dependencies_parsed_at":"2023-12-16T15:29:47.267Z","dependency_job_id":"0ba1800b-6bd4-4ba0-a093-34d2611e2558","html_url":"https://github.com/willnguyen1312/headlessplayback","commit_stats":null,"previous_names":["willnguyen1312/headlessplayback"],"tags_count":156,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willnguyen1312%2Fheadlessplayback","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willnguyen1312%2Fheadlessplayback/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willnguyen1312%2Fheadlessplayback/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willnguyen1312%2Fheadlessplayback/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willnguyen1312","download_url":"https://codeload.github.com/willnguyen1312/headlessplayback/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238817360,"owners_count":19535515,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["audio","playback","preact","qwik","react","solid","svelte","video","vue"],"created_at":"2024-09-24T20:53:48.053Z","updated_at":"2025-10-29T11:31:09.428Z","avatar_url":"https://github.com/willnguyen1312.png","language":"TypeScript","funding_links":["https://github.com/sponsors/willnguyen1312","https://www.buymeacoffee.com/namnguyenle"],"categories":[],"sub_categories":[],"readme":"# Headlessplayback\n\nA simple yet complete playback library designed for UI frameworks or even\nwithout\n\n## Architecture\n\n- Headless UI\n- Bridge design pattern\n- Plugin-based system\n- Minimal API surface to avoid breaking changes\n- Embrace the web platform APIs\n- Avoid framework-specific locked-in APIs\n\n## Technology decisions\n\n- [Changesets](https://github.com/changesets/changesets) - for versioning\n- [Happy-dom](https://github.com/capricorn86/happy-dom) - for node-based browser\n  testing environment\n- [Tsup](https://tsup.egoist.dev/) - for bundling libraries\n- [Turbo](https://turbo.build/repo) - for remote-caching build system\n- [Github Actions](https://github.com/features/actions) - for CI/CD\n- [Netlify](https://www.netlify.com/) - for hosting\n- [TypeScript](https://www.typescriptlang.org/) - for type safety\n- [Vite](https://vitejs.dev/) - for examples application\n- [Vitepress](https://vitepress.dev/) - for documentation\n- [Vitest](https://vitest.dev/) - for unit and integration testing\n\n## Development\n\n```bash\ngit clone https://github.com/willnguyen1312/headlessplayback\ncd headlessplayback\npnpm install\n```\n\n## Commands\n\n### With Docs\n\n```bash\npnpm start-docs\n```\n\n### With Preact\n\n```bash\npnpm start-preact\n```\n\n### With React\n\n```bash\npnpm start-react\n```\n\n### With Svelte\n\n```bash\npnpm start-svelte\n```\n\n### With Vanilla JS\n\n```bash\npnpm start-vanilla\n```\n\n### With Vue\n\n```bash\npnpm start-vue\n```\n\n### With Solid\n\n```bash\npnpm start-solid\n```\n\n### With Qwik\n\n```bash\npnpm start-qwik\n```\n\n## Roadmap\n\n- ✅ Add examples\n- ✅ Implement core logic\n- ✅ Implement framework adapters\n- ✅ Implement some common-use plugins such as data streaming\n- ✅ Write documentation\n\n## Supported framework adapters\n\n- ✅ Vue\n- ✅ Preact\n- ✅ Svelte\n- ✅ Solid\n- ✅ React\n- ✅ Qwik\n\n## Inspiration\n\n- [Tanstack](https://tanstack.com) - A collection of high-quality open source\n  libraries for web developers\n- [Zag](https://zagjs.com) - A collection of framework-agnostic UI component\n  patterns\n- [Day.js](https://day.js.org/docs/en/plugin/plugin) - A modern JavaScript date\n  utility library\n- [VueUse](https://vueuse.org) - Collection of Essential Vue Composition\n  Utilities\n- [Radix UI](https://www.radix-ui.com) - A collection of open source UI\n  components\n- [Building a modern design system in layers](https://blog.almaer.com/building-a-modern-design-system-in-layers/?ck_subscriber_id=1238259209)\n- [UI frameworks and Media Elements 🎧](https://medium.com/axon-enterprise/ui-frameworks-and-media-elements-c0c6832528e5)\n\n## Sponsor\n\n\u003ca href=\"https://www.buymeacoffee.com/namnguyenle\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\n## License\n\nMIT © [Nam Nguyen](https://github.com/willnguyen1312)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillnguyen1312%2Fheadlessplayback","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillnguyen1312%2Fheadlessplayback","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillnguyen1312%2Fheadlessplayback/lists"}