Подтвердить что ты не робот

Как создать h264-видео с альфа-каналом для использования с холстом HTML5?

Меня заинтересовала эта демонстрация: http://jakearchibald.com/scratch/alphavid/

Я также видел этот вопрос здесь:

Можно ли создать видео с прозрачным фоном с помощью тега HTML5?

Но я не могу понять: как вы создаете видеофайлы h264, ogg и webm с альфа-каналами?

4b9b3361

ОТВЕТЫ

Ответ 1

Если вы откроете это видео из своей демонстрации с помощью QuickTime, вы увидите видео с отдельными регионами RGB и A:
Video with RGB and alpha regions

Затем, если вы посмотрите на код для демонстрации, вы увидите, что он использует один внеэкранный холст HTML5 для рисования каждого видеокадра, считывая альфа-пиксели со второй половины этого холста, чтобы установить явные альфа-пиксельные значения в в первой половине, а затем с помощью putImageData результат в другой холст HTML5, который фактически отображает видео.

function processFrame() {
  buffer.drawImage(video, 0, 0);

  var image = buffer.getImageData(0, 0, width, height),
      imageData = image.data,
      alphaData = buffer.getImageData(0, height, width, height).data;

  for (var i=3, len=imageData.length; i<len; i += 4){
    imageData[i] = alphaData[i-1];
  }

  output.putImageData(image, 0, 0, 0, 0, width, height);
}

В сочетании с различными заявлениями в Интернете, что H.264 не поддерживает альфа, и я почти уверен, что H.264 не может иметь альфа. Я говорю это потому, что нахожу несколько ссылок на эту цитату 2006 года с компьютера Apple, касающуюся обновленного QuickTime в их версии Leopard OS X:

QuickTimes сантехника получает значительные обновления в Leopard. В обработке кодировки H.264 произошли значительные улучшения. Кроме того, прозрачные альфа-слои, необязательная часть спецификации H.264, теперь поддерживаются в фильмах QuickTime на основе H.264. И, наконец, QuickTime поддерживает 64-битную.

Однако единственное, что я нашел в связи с этой маркетинговой цитатой, это документ, показывающий, как изменить общую непрозрачность видеослоя в QuickTime Pro.