Web Streams API? ???? ???? ???? ????? ?? ????????. ?? ReadableStream, WritableStream ? TransformStream? ? ?? ??? ??? ?????. ??? ?? ???, ??? ??? ? ??? ?? ? ?? ????? ?????. ??? ??? ???? ???? ??? ???? ??? ?? ??? ???? ? ??? ????. ??? ??? ? ???? ??? ????? Fetch API ?? ?? ?? ?? ?? ?????? ?? JSON? ?? ????? ?? ?? ??? ??????. ?? ?? ?????? ?? ??? ???, ??? ?? ?? ? ? ??? ??? ? ??? ??? ?????. ???? ???? ??? ??, ?? ?? ??, ??? ???? ?? ? ?? ??? ??? ?? ??? ??? ???? ?? ?????.

H5? ? ??? API? ?? ??? ???? ??? ???? ???? ???? ??, ?? ?? ??? ???? ?????? ??? ?? ?? ?? ??? ?????. ?? ?? ? ? ??? ???? ??? ???? ???? ??? ???? ??? ??? ?? ???? ??? ???? ??? ?? ?? ??? ???? ? ????.

? ??? API? ??????

Web Streams API? ???? ???? ???? ?? ??? ?????. ?? ? ?? ??? ???? ?????.

• ReadableStream : ??? ???? ?? ? ???? ?? ?? ???.
• WritableStream : ??? ???? ???? ? ???? ?? ??? ???.
• TransportStream : ???? ???? ?? ? ?? ?? ?? ??? ???? ??? ?? ?? ?? ? ? ????.

? ???? ??? ??? ???? ?? ???? ? ?????? ?? ??? ??? ?? ? ? ????. ?? ?? ?? ???, ??? ??? ???, Parsing JSON ??? ? H5 ?? ????? ?? ?????.

H5?? ????? ???? ???

H5 ???? ? ??? API ?? API? ????? Fetch API ?? ?? ?? ??? ???? ???? ??? ??? ???? ? ?????.

Fetch? ???? ???? ???? ?????

 fetch ( 'https://example.com/large-data.json')
  . ??? (?? => {
    const reader = response.body.getReader ();

    ??? ReadableStream ({{
      ?? (????) {
        ?? ?? () {
          reader.read (). ?? ?? (({done, value}) => {
            if (??) {
              Controller.Close ();
              ??;
            }
            Controller.enqueue (?);
            ??();
          });
        }
        ??();
      }
    });
  })
  . ??? (stream => {
    // ?? ???? ?? JSON? ?? ???? ?? ?? ???? ??? ?? ? ? ????.
  });

? ??? ???? ?? ??? ???? ?? ?? ??? ??????? ???? ?? ?????? ?? ???? ?? ? ? ????.

?? ?? ????? ??????

?? ??? ???

? ??? ??? ? ?? WriteBestream? ???? ?? ?? ????? ?? ??? ???? ? ?????? ????.

 const writer = somewritableStream.getWriter ();

fileInput.addeventListener ( 'Change', async (e) => {
  const file = e.target.files [0];
  const reader = new Filereader ();

  ?? = 0;
  const chunksize = 1024 * 1024; // 1MB? ?? ????

  while (position <file.size) {
    reader.readasArrayBuffer (file.slice (??, ?? ?? ??));
    ??? ??? ???? ???? (r => reader.onload = r);
    Await Writer.write (reader.result);
    ?? = ?? ??;
  }

  Writer.close ();
});

??? ?? ?? ??? ?????

?? JSON ??? ?? ???? ??? ?? ??? JSON.parse() ?? ???? ? ??? ???? ????. ??? ?? ???? ???? ?? ? ?? ??? ???? ?? ??? ??? ??? ?? ? ????.

??? ??? ? ??? ??

H5? WEBRTC ?? ??? ?? API? ?? ???? ??? ?? ??? ???? ???? ?????? ?? ??, ?? ?? ??? ? ? ????.

?? ?? ??? ?? ??

• ???? ??? : ?? ?? ????? ?? ? ??? API? ????? ???? ?? ?? ??? ????? ???? ?? ????.
• ?? ??? ???????? . ???? ??????? ?? ??? ???? ?? .catch() ????? ? ??? ??????.
• ?? ?? : ?? ??? ?? ???? ?? ??? ?? ??? ??? ? ????. TransformStream ? WritableStream ?? ?? ?? ?? ????? ???? ???? ??? ???? ???? ? ????.
• ??? ?? ?? : controller.close() ?? writer.close() ???? ???? ???? ?? ?? ????. ??? ??? ?? ??? ??? ? ????.

????? ?? ??. Web Streams API? ????? ?? ??? ?? ? ? ????? ????? ??? ?? ?? ??? ???? ????.

? ??? ???? ??? ??? ?? H5 ? ??? API? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!