Science for Life

Cyborg Imagination i Age of Electronic Incunabula
Original article: http://openweb.eu.org/articles/html-media-capture

HTML Media Capture

Серед численних нових характеристик програми API d’HTML5 можна виділити її просте налаштування і зручність у використанні: HTML Media Capture.

Вступ
HTML Media Capture – це програма, яка може формувати оптичні зображення, записувати відео або аудіо з input типу file (лише необхідно здвинути пристрій захвату зображення вбік)
Це досить цікава програма для мобільного Інтернету, оскільки є дуже легкою у використанні.
Нижче наведені приклади:
<form action="index.php" method="post" enctype="multipart/form-data">
  <input type="file" name="image" accept="image/*" capture />
  <input type="submit" value="Upload" />
</form>


Можна помітити, що атрибут захоплення (який є досить логічним) дозволяє зрозуміти, що у цій програмі присутні всі наявні функції необхідні для того, щоб передавати медіа-файли з будь-якого пристрою (чи то відеокамери, чи то фотоапарату, тощо).
Атрибут accept у даному прикладі дає агенту користувачеві чітко зрозуміти, що у дане поле приймає лише зображення. Наприклад, Firefox, який працює на ОС Windows відображає лише файли типу image і це зручно для користувача, тому що нижче видається список форматів зображення, які можна відправляти.
Необхідно знати: якщо Ви користуєтеся старим браузером, він може не приймати атрибути.

Наступний приклад:
<form action="index.php" method="post" enctype="multipart/form-data">
  <input type="file" name="video" accept="video/*" capture />
  <input type="submit" value="Upload" />
</form>

Цей приклад вказує на те що, якщо ми намагаємося відправити файл з iPad, то ми можемо обрати між вже існуючим відео або ж записати нове відео перед відправленням.




Після того, як ми обрали або записали нове відео, воно буде автоматично введено в поле типу файлу і після підтвердження буде відправлено.
Будьте уважні, що якщо Ви додаєте до Вашого сайту дану функцію, це не звільняє вас від можливих перевірок на безпеку.
Ще важливо мати на увазі, що зображення посилається без форматування. Зображення, відіслані з деяких телефонів можуть підлягати обробці зі сторони серверу (може бути змінений розмір та обсяг зображення).

Підтримка
Ця стаття була написана W3C Candidate Recommendation і в останнє редагувалася 9 травня 2013.

Дана програма підтримує:
• Підтримка iOS, починаючи з 6.0 версії (підтримує будь-які фото та відео),
• Підтримка Andoid, починаючи з 3.0 версії,
• Підтримка BlackBerry Browser, починаючи з 10 версії,
• Підтримка Google Chrome на базі Android 4.0,
• Підтримка Firefox на базі Android і MeeGo,
• а також Firefox на базі FirefoxOS.
Отже, як бачите, HTML Media Capture підтримує більшість операційних систем.

Доповнення:
• W3C HTML Media Capture recommendation
• Mobile HTML5
Copyright 2015. All rights reserved.