packages/reed-solomon/examples/web-worker.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>RS webworker</title>
</head>
<body>
  <input type="file" id="file" />

  <button id="worker-btn">
    get reed solomon (webworker)
  </button>

  <script src="../dist/web.adapter.aio.js"></script>
  <script src="../dist/utils.aio.js"></script>
  <script type="module">
    const fileInput = document.getElementById('file');

    const rs = new WebAdapter.WebAdapterReedSolomon()
    rs.initWorkers({
      workerNum: 6,
      injectWorker,
    })

    // use webworker
    document.getElementById('worker-btn').onclick = async function() {
      const selectFile = fileInput.files[0];
      const arrBuffer = await selectFile.arrayBuffer()
      if (!arrBuffer) alert('no file selected');

      const sourceData = new Uint8Array(arrBuffer)
      console.time('webworker cost')
      console.log('file size', sourceData.length / 1024 / 1024, 'm')
      const res = await rs.encodeInWorker(sourceData)
      console.log('res', res)
      console.timeEnd('webworker cost')
    }

    function injectWorker() {
      importScripts('http://localhost:9002/dist/web.adapter.aio.js');
      importScripts('http://localhost:9002/dist/utils.aio.js');
      // or use public CDN
      // importScripts('https://unpkg.com/@bnb-chain/reed-solomon/dist/web.adapter.aio.js');
      // importScripts('https://unpkg.com/@bnb-chain/reed-solomon/dist/utils.aio.js');

      const rs = new WebAdapter.WebAdapterReedSolomon();

      onmessage = function (event) {
        const { index, chunk } = event.data;
        const encodeShard = rs.getEncodeShard(chunk, index)
        postMessage(encodeShard);
      };
    }

  </script>
</body>
</html>