aframe-camera-recorder-component
Advanced tools
A component to film and record A-Frame scenes with a controlled camera (pans, dollies, tilts).
A component to smoothly film and record A-Frame scenes to GIF with a controlled camera using ccapture.js.
| Property | Description | Default Value |
|---|---|---|
| dur | Length of video. | 3000 |
| enabled | Whether to listen to play events. | true |
| framerate | Framerate of capture. More takes longer to process. | 60 |
| lookAt | Point (vec3) for camera to focus on (optional). | null |
| holdTimeAfter | Duration to keep recording after camera animation finishes. | 250 |
| motionBlurEnabled | Not sure if this does anything, parameter passed to CCapture.js. | true |
| name | Download file name. | '' |
| quality | Quality...I think this goes from 0 to 10? | 10 |
| positionFrom | Camera starting position to animate from. | 0 0 0 |
| positionTo | Camera starting position to animate to . | 0 0 0 |
| rotationFrom | Camera starting rotation. | 0 0 0 |
| rotationTo | Camera end rotation. | 0 0 0 |
| showControls | Whether to inject buttons to control the recording (e.g., preview, record). | true |
| workers | Number of workers used to process the GIF. Best to use the same amount of cores as the CPU. | 8 |
| workerPath | Path to the required worker JS file to process the GIF. | https://rawgit.com/ngokevin/kframe/master/components/camera-recorder/ |
The GIF will be large file size that can be reduced to like 70x smaller file size to mp4. Here is an ffmpeg command:
ffmpeg -i mygif.gif -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" myvideo.mp4
Include the worker file on a path that can be referenced. Defaults to hosted version
at https://rawgit.com/ngokevin/kframe/master/components/camera-recorder/gif.worker.js.
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-camera-recorder-component@1.3.0/dist/aframe-camera-recorder-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity camera camera-recorder="positionTo: -1 1.6 -7; lookAt: -8 5 8" position="5 1.6 0"></a-entity>
</a-scene>
</body>
Install via npm:
npm install aframe-camera-recorder-component
Then require and use.
require('aframe');
require('aframe-camera-recorder-component');
FAQs
A component to film and record A-Frame scenes with a controlled camera (pans, dollies, tilts).
We found that aframe-camera-recorder-component demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.