TransformStream अब क्रॉस-ब्राउज़र का इस्तेमाल करता है

अब जब Chrome, Safari, और Firefox में ट्रांसफ़ॉर्म स्ट्रीम करने की सुविधा काम करती है, तो वे प्राइम टाइम के लिए तैयार हैं!

Streams API, आपको उस संसाधन को बांटने की अनुमति देता है जिसे आपको भेजना है, भेजना है या उसे छोटे-छोटे हिस्सों में बदलना है. इसके बाद, इन संसाधनों को एक-एक करके प्रोसेस किया जा सकता है. हाल ही में, Firefox 102 ने TransformStream के साथ काम करना शुरू किया है. इसका मतलब है कि TransformStream अब सभी ब्राउज़र पर इस्तेमाल किया जा सकता है. ट्रांसफ़ॉर्म स्ट्रीम की मदद से, ReadableStream से WritableStream में पाइप किया जा सकता है, डेटा के अलग-अलग हिस्सों को बदला जा सकता है या बदले गए नतीजे को सीधे इस्तेमाल किया जा सकता है, जैसा कि इस उदाहरण में दिखाया गया है.

class UpperCaseTransformStream {
  constructor() {
    return new TransformStream({
      transform(chunk, controller) {
        controller.enqueue(chunk.toUpperCase());
      },
    });
  }
}

button.addEventListener('click', async () => {
  const response = await fetch('/script.js');
  const readableStream = response.body
    .pipeThrough(new TextDecoderStream())
    .pipeThrough(new UpperCaseTransformStream());

  const reader = readableStream.getReader();
  pre.textContent = '';
  while (true) {
      const { done, value } = await reader.read();
      if (done) {
        break;
      }
      pre.textContent += value;
  }
});

डेमो

ब्राउज़र समर्थन

यह इंटरऑपरेबल (दूसरे सिस्टम के साथ काम करने वाली नई) सीरीज़ का हिस्सा है