Shortform - Video Progress Tracking

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>
  const messageCallback = {
            DETAIL_ACTIVE: (payload) => {
            //This messageCallback event indicates that Shortform video started to play
                console.log(`(DETAIL_ACTIVE) shortsId:${payload.shorts.shortsId}`, payload)
            },
            DETAIL_VIEWING_SECONDS: (payload) => {
            //this messageCallback event fired every 1~3 seconds. (per 1seconds until 3s, and per 3seconds afterwards)
                console.log(`(DETAIL_VIEWING_SECONDS) shortsId:${payload.shorts.shortsId}`, payload)
            },
            DETAIL_ON_PLAYER_DISMISS: () => {
            //This messageCallback event indicates that Shortform video dismissed from screen
                console.log(`(DETAIL_ON_PLAYER_DISMISS)`)
            },
        }
  
  cloud.shoplive.initShortform({ 
    accessKey: 'YOUR ACCESS KEY HERE', 
    messageCallback: messageCallback 
  });
</script>