With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 7 webcodec Open-Source Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
canvas-record
Record a video in the browser or directly on the File System from a canvas (2D/WebGL/WebGPU) as MP4, WebM, MKV, GIF, PNG/JPG Sequence using WebCodecs and Wasm when available.
-
recordable-canvas
A Web Component based canvas element wrapper that can be recorded to a downloadable video
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: We Just Released our Rust WebTransport Teleconferencing System - Here are Some Lessons Learned | /r/rust | 2023-07-10It already works on a tauri component for windows: https://github.com/security-union/zoom-rs/tree/main/src-tauri
none of the above codec is supported in mobile browser . I am using mp4-muxer . what other option for audio codec for mp4
When I was browsing NPM for similar projects I do see that this one looks wayyyyy better! It's not a Web Component, but it's similar in what it does. Canvas-record seems to offer several different ways to encode your recordings including a WASM one which should be super speedy!
Project mention: [AskJS] Do you think we need an Automatic Code Documentation Generator, especially after Github Co-pilot? | /r/javascript | 2023-12-06Take for example https://github.com/guest271314/WebCodecsOpusRecorder. There was no roadmap anywhere in the wild for how to write Opus encoded packets produced by WebCodecs AudioEncoder to a single file, including the capability to include media metadata such as artist, album, artwork in the file, for use with Media Session API - without a media container - and play back the file in the browser. So how would the documentation be automatically generated?
As these things usually go though, its a CommonJS project. Sigh. I won't get on my soapbox to say ES modules are no longer the future but the present, and we should all ditch CommonJS. Instead, I'll just tell you that I pre-bundled the library with Rollup in the recordable-canvas component, so we can use it as an ES module. We [did this for Tensorflow.js (http://webcomponents.space/posts/s01e03/) on Web Components in Space before. But all it means is that I bundled it with Rollup, so it becomes yet another source file in our project. This means that end users who want to use recordable-canvas can still work with the original source files as ES modules without having to worry about front-end tooling setups themselves.
webcodecs related posts
-
[AskJS] Do you think we need an Automatic Code Documentation Generator, especially after Github Co-pilot?
-
MP4 File and the Range Request Header
-
JSON with multiline strings
-
Have some basic python, time to turn up the heat and learn web app development on JavaScript
-
[AskJS] Why are TextEncoder and TextDecoder classes?
-
AV1 support?
-
Yo - instead of making fun of people's ideas - HELP THEM OUT and give them feedback!
-
A note from our sponsor - SurveyJS
surveyjs.io | 6 May 2024
Index
What are some of the best open-source webcodec projects? This list will help you:
Project | Stars | |
---|---|---|
1 | videocall-rs | 1,310 |
2 | mp4-muxer | 284 |
3 | canvas-record | 275 |
4 | webm-muxer | 176 |
5 | av1-streaming | 47 |
6 | WebCodecsOpusRecorder | 10 |
7 | recordable-canvas | 6 |
Sponsored