aframe-camera-recorder-component
Advanced tools
Readme
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).
The npm package aframe-camera-recorder-component receives a total of 3 weekly downloads. As such, aframe-camera-recorder-component popularity was classified as not popular.
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.
Security News
This episode of the Risky Biz podcast discusses how the rise of small open source packages and the shift towards individual maintainers makes the ecosystem more vulnerable to supply chain attacks.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.