숏폼 Video Progress Tracking

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>
  const messageCallback = {
            DETAIL_ACTIVE: (payload) => {
            // 이 messageCallback 이벤트는 Shortform 동영상이 재생되기 시작했음을 나타냅니다
                console.log(`(DETAIL_ACTIVE) shortsId:${payload.shorts.shortsId}`, payload)
            },
            DETAIL_VIEWING_SECONDS: (payload) => {
            // 이 messageCallback 이벤트는 매 1~3초마다 실행됩니다. (3초까지는 1초마다, 그 이후에는 3초마다)
                console.log(`(DETAIL_VIEWING_SECONDS) shortsId:${payload.shorts.shortsId}`, payload)
            },
            DETAIL_ON_PLAYER_DISMISS: () => {
            // 이 messageCallback 이벤트는 Shortform 동영상이 화면에서 사라졌음을 나타냅니다
                console.log(`(DETAIL_ON_PLAYER_DISMISS)`)
            },
        }
  
  cloud.shoplive.initShortform({ 
    accessKey: 'YOUR ACCESS KEY HERE', 
    messageCallback: messageCallback 
  });
</script>