Security News
MCP Community Begins Work on Official MCP Metaregistry
The MCP community is launching an official registry to standardize AI tool discovery and let agents dynamically find and install MCP servers.
By Sarah Gooding - May 09, 2025
🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
aframe-livereload-image
Advanced tools
aframe-livereload-image
Livereload for images used in A-Frame
It's a development/design tool
Performs live reloading of a src attribute on an entity (makes most sense to use with a-sky)
Optimized for image files. Works with file:// protocol in FireFox and detects changes by comparing file sizes.
What? Why file size? and why just file size?
- None of the http headers are available via
file://protocol so not a lot of other options - Most reasonable format for large files is
jpganyway and it will change the file size on content changes - Working on a file:// protocol I noticed this component detects when the image manipulation program starts writing the file and sees it as growing from 0 bytes up.
- Yes, I will add checking headers in case you're running on http soon.
Built for A-Frame.
API
<a-sky livereload="src: image.jpg"></a-sky>
| Property | Description | Default Value |
|---|---|---|
| src | path to image to load and watch | |
| freq | frequency of checking for the file, in miliseconds | 500 |
Installation
Browser
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.6.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-livereload-image/dist/aframe-livereload-image.min.js"></script>
</head>
<body>
<a-scene>
<a-sky livereload="src: skybackground.jpg"></a-entity>
</a-scene>
</body>
npm
Install via npm:
npm install aframe-livereload-image
Then require and use.
require('aframe');
require('aframe-livereload-image');
FAQs
live reloads an image set as src on a-sky
The npm package aframe-livereload-image receives a total of 7 weekly downloads. As such, aframe-livereload-image popularity was classified as not popular.
We found that aframe-livereload-image 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.
Package last updated on 01 Oct 2017
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.
Related posts
Research
Security News
Malicious npm Packages Use Telegram to Exfiltrate BullX Credentials
Socket uncovers an npm Trojan stealing crypto wallets and BullX credentials via obfuscated code and Telegram exfiltration.
By Kush Pandya - May 08, 2025
Research
Security News
Backdooring the IDE: Malicious npm Packages Hijack Cursor Editor on macOS
Malicious npm packages posing as developer tools target macOS Cursor IDE users, stealing credentials and modifying files to gain persistent backdoor access.
By Kirill Boychenko - May 07, 2025