Spaces:
Running
Running
# Trials | |
There are different version of the lottifile player: | |
1) http://airbnb.io/lottie/#/web | |
2) dotlottie-player(https://github.com/dotlottie/player-component) | |
3) regulat lotti palyer (https://github.com/LottieFiles/lottie-player) | |
4) There is also a jlottie - a smaller version, which does not offer all functions (https://github.com/LottieFiles/jlottie) | |
5) The interaction library https://github.com/LottieFiles/lottie-interactivity | |
6) Theming and one more have a look at: https://github.com/LottieFiles/lottie-interactivity | |
Thissince \gls{cnmc} | |
<!-- load lotti js code --> | |
<!-- https://docs.lottiefiles.com/dotlottie-player/usage --> | |
<!-- can load lotti files and json files --> | |
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.js"></script> | |
<!-- lottiplayer - json files --> | |
<script src="https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js"></script> | |
<lottie-player | |
autoplay | |
controls | |
loop | |
mode="normal" | |
src="https://assets5.lottiefiles.com/packages/lf20_mHIYUQrfMT.json" | |
style="width: 320px"> | |
</lottie-player> | |
<dotlottie-player | |
autoplay | |
controls | |
loop | |
mode="normal" | |
src="./Data/7_Animation/Riksha.lottie" | |
style="width: 320px" | |
> | |
</dotlottie-player> | |
<lottie-player | |
autoplay | |
controls | |
loop | |
mode="normal" | |
src="./Data/7_Animation/Riksha.json" | |
style="width: 320px"> | |
</lottie-player> | |
<!-- src="" --> | |
<div> | |
<h1>Hello, World!</h1> | |
<p>This is my first HTML code.</p> | |
</div> | |
<div> | |
<h1>Hello, World!</h1> | |
<script> | |
document.write("This text is generated by JavaScript!"); | |
</script> | |
</div> | |
<div> | |
<h1>Final header</h1> | |
<p>This is my first HTML code.</p> | |
</div> | |