Я получил следующий видеофайл с камеры (с камеры наблюдения) http://dl.dropbox.com/u/1369478/tmw/recording.264
Как я могу просмотреть содержимое? Основываясь на расширении, я думаю, что это файл H264. Есть ли способ воспроизвести это в браузере с HTML5?
С Уважением
Хм... Судя по всему, это не похоже на файл H264...
Запустив его через MediaInfo, я получил следующее:
Формат видео
: AVC
Формат/информация : Advanced Video Codec
Профиль формата : [email protected]
Настройки формата, CABAC : Нет
Настройки формата, ReFrames : 1 кадр
Ширина : 352 пикселя
Высота : 288 пикселов
Соотношение сторон экрана : 1,222
Разрешение : 24 бита
Колориметрия : 4:2:0
Тип сканирования : Прогрессивный
Помимо всего этого, вы должны знать, что не все браузеры поддерживают H264 в элементе ‹video›. Некоторые из них решили оставить ogg, поэтому он не будет доступен везде :S
В таблице показано, что операционная система для видео H264 поддерживается только Chrome и Safari: http://www.findmebyip.com/litmus#html5-video-codecs
В любом случае, если вы получили видеофайл и хотите встроить его в браузер, и вы знаете, что получите к нему доступ из совместимого браузера (или если у вас есть версии H264 И 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>
Перейдите по этой ссылке, чтобы увидеть еще несколько примеров и узнать, как добавить резервное изображение flash/flat для браузеров, которые его не поддерживают 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, потому что компьютер будет кодировать видеофайлы НАМНОГО лучше, и вы будете держать пари (почти) такое же качество изображения с гораздо меньшим размером файла.
Если это все еще не работает, взяв код из того, что Артем опубликовал выше, вы можете включить кодек в атрибут типа, например:
<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 — использование элемента видео
Для воспроизведения я предлагаю очень хороший VLC Player, который может (как и большинство хороших видеоплееров) воспроизводить напрямую из URL-адреса.
PS: Похоже, такой вопрос нужно задавать на http://superuser.com.
Опции,
Надеюсь это поможет.
Если нет, пожалуйста, сообщите нам, чтобы мы могли найти другое решение. Но эти 2 вещи я использую с последних 4 до 5 лет. И поверьте мне, это платит все, что у вас есть.
Спасибо.
