MediaSource: свойство handle

Только для чтения handle свойство интерфейса MediaSource возвращает объект MediaSourceHandle, являющийся прокси для MediaSource, который может быть передан из посвященного воркера обратно в основной поток и присоединен к медиаэлементу через его свойство HTMLMediaElement.srcObject.

Каждый объект MediaSource созданный внутри посвященного воркера, имеет свой уникальный MediaSourceHandle. Получение handle всегда возвращает экземпляр MediaSourceHandle, специфичный для связанного посвященного воркера MediaSource экземпляра. Если обработчик уже был передан в основной поток с помощью postMessage(), экземпляр обработчика в воркере фактически отсоединяется и больше не может быть передан.

Экземпляр объекта MediaSourceHandle.

Свойство handle может быть обращено внутри посвященного воркера, а полученный объект MediaSourceHandle затем передается в поток, который создал воркер (в данном случае в основной поток) через вызов postMessage():

// Inside dedicated worker
let mediaSource = new MediaSource();
let handle = mediaSource.handle;
// Transfer the handle to the context that created the worker
postMessage({ arg: handle }, [handle]);

mediaSource.addEventListener("sourceopen", () => {
  // Await sourceopen on MediaSource before creating SourceBuffers
  // and populating them with fetched media — MediaSource won't
  // accept creation of SourceBuffers until it is attached to the
  // HTMLMediaElement and its readyState is "open"
});

В основном потоке мы получаем обработчик через обработчик события message, присоединяем его к <video> через его свойство HTMLMediaElement.srcObject и play видео:

worker.addEventListener("message", (msg) => {
  let mediaSourceHandle = msg.data.arg;
  video.srcObject = mediaSourceHandle;
  video.play();
});

• Демонстрация MSE-in-Workers от Мэтта Воленетца
• API расширений источника медиа
• MediaSource
• SourceBuffer