로티파일 html 에 넣기

<!-- 로티 파일이 들어갈 태그 -->
<div id = "animContainer"></div>

<!-- bodymovin library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.6/lottie.min.js"></script>
<!-- Lottie JSON 파일이 들어갈 JS 파일 -->
<script src="/front/js/test_lottie.js"></script>

 

test_lottie.js

var anmation = bodymovin.loadAnimation({
    container : document.getElementById('animContainer'),
    renderer : 'svg',
    loop : true,
    autoplay : true,
    //path: 'https://assets8.lottiefiles.com/packages/lf20_b32f3vtz.json' // 2-1. url
    path: 'https://hiphouse.club/front/images/music_notes.json' // 2-2. 다운받아서 사용.
});​