أصبحت TransformStream الآن متوافقة مع جميع المتصفحات

بعد أن أصبحت مجموعات الإحالات الناجحة متوفّرة في Chrome وSafari وFirefox، أصبحت الآن جاهزة للاستخدام في الوقت الحالي.

تتيح لك Streams API تقسيم المورد الذي تريد استلامه أو إرساله أو تحويله إلى أجزاء صغيرة، ثم معالجة هذه المجموعات بتاتًا. في الآونة الأخيرة، بدأ إصدار 102 من 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;
  }
});

عرض توضيحي

المتصفحات المتوافقة

جزء من سلسلة الفيديوهات القابلة للتشغيل التفاعلي حديثًا