MediaSource: isTypeSupported() статический метод

Статический метод MediaSource.isTypeSupported() возвращает логическое значение, которое является true в случае, если заданный тип MIME и (необязательный) кодек, вероятно, будут поддерживаться текущим агентом пользователя.

То есть, если он может успешно создать SourceBuffer объекты для этого типа медиаданных. Если возвращаемое значение false, значит агент пользователя уверен, что он не может получить доступ к медиафайлам указанного формата.

type

Строка, определяющая тип MIME медиа и (необязательно) codecs параметр, содержащий список поддерживаемых кодеков через запятую.

Значение false в случае, если медиафайлы данного типа не будут воспроизводиться.

Значение true возвращается, если браузер, вероятно, может воспроизвести медиафайлы указанного типа. Это не гарантия, и ваш код должен быть готов к возможности, что медиафайл не будет воспроизводиться корректно, если вообще воспроизведется.

Все веб-API, работающие с медиафайлами, используют подход «нет/возможно/вероятно» (или, в данном случае, «нет или вероятно») при определении возможности использования типа медиа. Это происходит потому, что медиафайлы — сложные, запутанные структуры с слишком многими незначительными вариациями, чтобы быть абсолютно уверенными в чем-либо до фактического использования содержимого медиа.

Следующий фрагмент взят из примера, написанного Ником Десаньер (посмотреть полную демо-версию или скачать исходный код для дальнейшего исследования). Функция getMediaSource(), которая не определена здесь, возвращает MediaSource.

const assetURL = "frag_bunny.mp4";
// Need to be specific for Blink regarding codecs
// ./mp4info frag_bunny.mp4 | grep Codec
const mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
let mediaSource;

if ("MediaSource" in window && MediaSource.isTypeSupported(mimeCodec)) {
  mediaSource = getMediaSource();
  console.log(mediaSource.readyState); // closed
  video.src = URL.createObjectURL(mediaSource);
  mediaSource.addEventListener("sourceopen", sourceOpen);
} else {
  console.error("Unsupported MIME type or codec: ", mimeCodec);
}

function sourceOpen() {
  console.log(this.readyState); // open
  const sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
  fetchAB(assetURL, (buf) => {
    sourceBuffer.addEventListener("updateend", () => {
      mediaSource.endOfStream();
      video.play();
      console.log(mediaSource.readyState); // ended
    });
    sourceBuffer.appendBuffer(buf);
  });
}

• API расширений Media Source
• Руководство по типам и форматам медиа на веб-страницах
• Кодеки в распространенных типах медиа
• SourceBuffer
• SourceBufferList