Как я могу воспроизвести видео H264? - PullRequest
3 голосов
/ 07 мая 2010

Я получил следующий видеофайл с камеры (с камеры безопасности) http://dl.dropbox.com/u/1369478/tmw/recording.264

Как я могу просмотреть контент? На основании расширения я думаю, что это файл H264. Есть ли способ воспроизвести это в браузере с помощью HTML5?

Привет

Ответы [ 4 ]

7 голосов
/ 07 мая 2010

Хмм .. Судя по всему, это не похоже на файл H264 ..

Запустив его через MediaInfo, я получил это:

Видео
Формат: AVC
Формат / Информация: Расширенный видеокодек
Профиль формата: Baseline@L2.0
Настройки формата, CABAC: нет
Настройки формата, ReFrames: 1 кадр
Ширина: 352 пикселя
Высота: 288 пикселей
Соотношение сторон дисплея: 1,222
Разрешение: 24 бита
Колориметрия: 4: 2: 0
Тип сканирования: Прогрессивный

Помимо всего этого, вы должны знать, что не все браузеры поддерживают H264 в элементе . Некоторые из них решили сохранить ogg, поэтому он не будет доступен везде: S

Вот таблица, которая показывает, что видеоформат H264 поддерживается только в Chrome и Safari: http://www.findmebyip.com/litmus#html5-video-codecs

В любом случае, если вы получили видеофайл и хотите встроить его в браузер, и вы знаете, что получите доступ к нему из совместимого браузера (или если у вас есть версии H264 AND ogg), вы можно использовать это:

<video src="http://link/to/video/file" controls="controls" width="500"></video>

Или, если у вас несколько форматов:

<video controls="controls" width="500">
    <!-- if Firefox -->
    <source src="video.ogg" type="video/ogg" />
    <!-- if Safari/Chrome-->
    <source src="video.mp4" type="video/mp4" />
</video>

Посмотрите эту ссылку, чтобы увидеть еще несколько примеров и узнать, как добавить запасной вариант флэш / плоского изображения для браузеров, которые его не поддерживают. http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-html-5-video-with-a-fallback-to-flash/

UPD: Как я понял, файл, который вы разместили там, является примером, а не фактический файл, который вы хотите иметь на своей странице ... Файл, который у вас там, имеет один фрейм, так что это может быть изображение в формате JPEG, и это не будет иметь никакого значения: P

Если у вас действительно есть видеофайл того же формата, вы можете попробовать вставить его на страницу, используя приведенные выше фрагменты. Если браузер выкашливает его и не хочет воспроизводить его (не забудьте проверить это с помощью Chrome или Safari), то вы можете просто конвертировать файл, используя один из бесплатных кодеров в сети. Например, я использовал бесплатный кодер H.264 для преобразования моих видеофайлов в H.264:)

Удачи!

UPD2: Я фактически взял и закодировал файл ... Размер файла упал с 1,766 МБ до 34 КБ. Это то же видео, 1 кадр, того же размера ... но 1 кадр в видео повторяется в течение ~ 30 секунд :) Так что я вижу длинный 30-секундный фон там ... Я думаю, вы действительно ДОЛЖНЫ кодировать файл, даже если он уже в H.264, потому что компьютер будет кодировать видеофайлы ОЧЕНЬ лучше, и вы поставите (почти) то же качество изображения при гораздо меньшем размере файла.

0 голосов
/ 20 мая 2010

Параметры

  • VLC PLayer (www.videolan.org) -> воспроизводит все, кроме 3gp аудио.
  • K-Lite Mega Codec Pack -> Содержит почти все кодеки для видео / аудио.

Надеюсь, это поможет.

Если нет, пожалуйста, сообщите нам, чтобы мы могли найти другое решение. Но эти 2 вещи я использую с последних 4 до 5 лет. И поверь мне, это говорит обо всем, что у тебя есть.

спасибо.

0 голосов
/ 18 мая 2010

Для его воспроизведения я предлагаю очень хороший VLC Player , который может (как и большинство хороших видеоплееров) воспроизводить напрямую с URL.

PS: Похоже, это вопрос такого роданадеть http://superuser.com

0 голосов
/ 17 мая 2010

Если это все еще не работает, взяв код из того, что Artiom опубликовал выше, вы можете включить кодек в атрибут type, например:

<video autoplay controls width="512" height="300">
  <source src='myVideo.theora.ogg' type='video/ogg; codecs="theora, vorbis"'>
  <source src='myVideo.mp4' type='video/mp4; codecs="mp4v.20.8, samr"'>
</video>

Для получения дополнительной информации см .: html5 лаборатория - с использованием элемента видео

...