player
novel
Our great sponsors
player | novel | |
---|---|---|
2 | 14 | |
1,715 | 10,946 | |
9.0% | - | |
9.8 | 9.5 | |
2 days ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
player
-
How to Write a Great Readme
vidstack is very light on technical details but starts with a concise intro and a screenshot, as well as relevant links: https://github.com/vidstack/player
payload is well-structured in general: https://github.com/payloadcms/payload
nanostores starts out with an intro and telling code examples, followed by lots of technical details: https://github.com/nanostores/nanostores
-
Show HN: Modern media captions parsing and rendering library (vtt/srt/ssa)
Hey everyone!
The motivation for this started with some initial exploration of how native captions are inconcistent and extremely limited with respect to positioning + styling across browsers. In addtion, existing captions work was glued inside player libs and all open-source parsers were ancient (e.g., mozilla/vtt)!
I wanted to modernize it all with newer web APIs such as `fetch` and `ReadableStream` and extend support out to multiple captions formats. I also noticed that a lot of popular players on the web in recent years started adding caption customization options. Turns out accessible captions can be legally enforced!
Do note that accessible captions not only includes sync/timing, but also an adequate set of controls to customize the style of the captions, ensuring they're readable for everyone. You can see an example of this on YouTube when you go to the captions and click customize.
It just seemed silly that probably every single company is internally building this type of lib which is insanely hard to get right. I built this to serve our accessiblity goals at Vidstack[1] where we're working on enabling you to build production-ready player quickly.
It took me about two weeks to build this and honestly there's still a lot of areas that need work but it's a great start. I hope you find it useful. You'll find a lot more helpful information in the repo.
I'll also leave you with this YouTube video where Dan Sparacio beautifully explains the complexities of building accessible media captions on the web at Paramount [2]. This is one of my favourite Demuxed talks. In there case, acessible enough to meet FCC guidelines _Highly_ recommend checking it out to learn more!
[1]: https://github.com/vidstack/player
novel
-
Brand new `Rlim` online markdown writing service
novel editor based on TipTap
-
🖊 I am building a pastebin alternative!
The difference is I am gonna let users write notion like documents and then share it, unlike pastebin which only lets us share text. For writing documents, I'm gonna use Novel.sh. It is a WYSIWYG editor which provides interface and features similar to Notion. It also lets us use OpenAI API to integrate AI into it.
-
Ask HN: Which open-source editor would you choose to build something like Notion
Probably tiptap.dev, here's a notion-like editor built with it: https://github.com/steven-tey/novel
-
Show HN: npm i novel – open-source Notion-style editor
I love the simplicity of it tbh, the homepage with it's builtin demo is just superb.
https://novel.sh/
Write ++ after the npm install or whatever, the homepage is an editable demo of the editor.
-
Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors
Tiptap is incredible! Built https://novel.sh/ with it and the extensiveness & API is chefs kiss! So proud of you guys and the YC funding is truly well-deserved! Congrats again!
- Novel: Notion-style WYSIWYG editor with AI-powered autocompletion
-
How to Write a Great Readme
Great guide. One thing that seems to be missing is something I see in a lot of README's: a list of the core tech stack being used in the repo. Good examples here https://github.com/undb-xyz/undb#-tech-stack and here https://github.com/steven-tey/novel#tech-stack. Did you already consider adding this as part of the guide and decide against it, or was it just not something you thought to add?
-
How to make custom chatBot outputs rendered in markdown?
I'm trying to customize https://github.com/steven-tey/novel 's amazing template. but currently output stream comes in plain text. and even it gives markdown or HTML code the text editor doesn't render them accordingly.
- Show HN: I made an open-source Notion-style WYSYWIG editor
What are some alternatives?
mp4-muxer - MP4 multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
TipTap - A 3d-printed bipedal robot. A low-cost desktop option for semi-direct drive walking research.
RVS_PersistentPrefs - A Simple Class For Basic Persistent Storage
BlockNote - A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.
drop - File dropping made simple
ai - Build AI-powered applications with React, Svelte, Vue, and Solid
earwurm - An easier way to use the Web Audio API for playback of UI sound effects.
LGV_MeetingServer - An aggregation server for meeting list servers.
undb - 🚀 Private first, unified, self-hosted no code database.
analytics-next - Segment Analytics.js 2.0
y-crdt - Rust port of Yjs