InPlayer test

InPlayer test

by Csaba Hellinger

HTML

<script src="https://assets.inplayer.com/paywall/latest/paywall.min.js"></script>
<button id="show-paywall">Show paywall</button>
<div id="inplayer-ID" class="inplayer-paywall"></div>
<script>
  console.clear();

  // put our token into local storage
  localStorage.setItem('inplayer_token', JSON.stringify({
    token: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiIsImp0aSI6IjE3OTk4ZGJhLTE3NWQtNDA4NS1iY2RhLTk1YjY2Y2I3OTU2NCJ9.eyJhdWQiOiIwMmMyYzI2YS1jMDI3LTQ0YTYtOGNhYy05ZGU2ZjBlYzNkNDgiLCJqdGkiOiIxNzk5OGRiYS0xNzVkLTQwODUtYmNkYS05NWI2NmNiNzk1NjQiLCJpYXQiOjE2MDA5MzQwNTYsIm5iZiI6MTYwMDkzNDA1NiwiZXhwIjoxNjAzNTI5NjU2LCJzdWIiOiJjc2FiYS5oZWxsaW5nZXJAYWNjZWRvLnR2Iiwic2NvcGVzIjpbXSwibWlkIjozNDEyNTUwLCJhaWQiOjM3MzM0MDgsIm11aSI6IjAyYzJjMjZhLWMwMjctNDRhNi04Y2FjLTlkZTZmMGVjM2Q0OCIsImN0eCI6WyJjb25zdW1lciJdLCJ0aWQiOjM3MzM0MDgsInR1dWlkIjoiMTc5OThkYmEtMTc1ZC00MDg1LWJjZGEtOTViNjZjYjc5NTY0Iiwib2lkIjowfQ.m0v6lhS6yfY_WTdWEhQxa4xvGiJfw7Z4rXT3PYcOp8k",
    expires: 1603437448,
    // no refreshToken yet.
  }));

  // actual asset id. shows the preview, `items` request successful.
  // const assetId = 122084;
  // package id. doesn't show the preview, `items` request fails.
  const assetId = 115007;

  document.querySelector('#inplayer-ID').id = `inplayer-${assetId}`;

  var paywall = new InplayerPaywall(
    // we thought this is the correct one:
    // 	'8d27a73e-652e-4c6b-a575-87dd0539fa30',
    // but this one is returned from the `services.inplayer.com/accounts` request:
    // this is the "oauth app key"
    '02c2c26a-c027-44a6-8cac-9de6f0ec3d48',
    [{
      id: assetId,
      options: {
        noInject: true,
        // noPreview: true
      }
    }], {
      oauthAppKey: '02c2c26a-c027-44a6-8cac-9de6f0ec3d48'
    });

  paywall.on('any', function(e, data) {
    console.log('INPLAYER EVENT:', e, data);
  });

  document.querySelector('#show-paywall').onclick = () => {
    paywall.showPaywall({
      asset: {
        assetId
      }
    });
  };

</script>