0.5.9 • Published 1 year ago
scsaver v0.5.9
Scsaver.js
Web page screensaver JavaScript library. Beta version.
What it is
It is a JavaScript library to realize the function of the screen saver on the web page.
This program was used in an interactive video for booth installation.
(I created it because I had to display a different video or image than the interactive video if there was no action.)
Getting Started
Step0: Build the file
Build with the following command:
npm install
or
yarn install
npm run build
scsaver.min.js
is output to the dist
folder.
The CSS file is in the src
directory.
Alternatively, you can use a CDN.
https://cdn.jsdelivr.net/npm/scsaver@latest/dist/scsaver.min.js
https://cdn.jsdelivr.net/npm/scsaver@latest/src/scsaver.css
Step1: Load the required files
<link rel="stylesheet" href="src/scsaver.css">
<script src="dist/scsaver.min.js"></script>
Step2: Added Scsaver element
<div id="scsaver" class="scsaver">
<div class="scsaver-inner">
<p>Hello, Scsaver.</p>
<!-- Customize: Place images and videos and customize them to your liking. -->
</div>
</div>
Step3: Init Scsaver
<script>
const scsaver = new Scsaver('#scsaver');
</script>
0.5.9
1 year ago
0.5.8
1 year ago
0.5.7
1 year ago
0.5.6
2 years ago
0.5.5
2 years ago
0.5.4
2 years ago
0.5.3
2 years ago
0.5.2
2 years ago
0.5.1
2 years ago
0.5.0
2 years ago
0.4.2
2 years ago
0.4.1
2 years ago
0.4.0
2 years ago
0.3.7
2 years ago
0.3.6
2 years ago
0.3.5
2 years ago
0.3.4
2 years ago
0.3.3
2 years ago
0.3.2
2 years ago
0.3.1
2 years ago
0.3.0
2 years ago
0.1.5
2 years ago
0.1.4
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago