How to capture 3D animation and encode it into video by WebCodecs

• webm-writer-js

  3 265 0.0 JavaScript

  JavaScript-based WebM video encoder for Google Chrome

WebM Writer is a great library for building a WebM video on the browser. However, it's a little bit slow because it depends on HTMLCanvasElement.prototype.toDataURL.

• mp4box.js

  3 1,800 5.8 JavaScript

  JavaScript version of GPAC's MP4Box tool

  

I could mux the video and audio on the browser into an MP4 with MP4Box.js, but somehow it was misformatted and weirdly played with some players. I gave up and relied on Elemental Convert as it's not so expensive.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• webm-muxer

  2 173 6.1 TypeScript

  WebM multiplexer in pure TypeScript with support for WebCodecs API, video & audio.

I found webm-muxer while writing this post and it seems great! I'll try it later.

• capture-and-encode

  1 3 10.0 JavaScript

• three.js

  449 98,873 9.9 JavaScript

  JavaScript 3D Library.

First, let's create a 3D scene to be captured. I think anything drawn on HTML Canvas can be captured, but this time I'd like to render rotating cubes by Three.js.

• InfluxDB

  www.influxdata.com sponsored

  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.

  

Suggest a related project