Spec-Zone.ru › HTML

HTML атрибут: capture

Ограниченная доступность

Эта функция не является базовой, так как она не работает во всех широко используемых браузерах.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Атрибут capture указывает, что, при необходимости, должен быть захвачен новый файл, и какое устройство должно быть использовано для захвата этого нового медиафайла определённого типа, определённого атрибутом accept.

Значения включают user и environment. Атрибут capture поддерживается для типа ввода file.

Атрибут capture принимает в качестве значения строку, которая указывает, какую камеру использовать для захвата данных изображения или видео, если атрибут accept указывает, что вход должен быть одного из этих типов.

Значение Описание
user Должна использоваться передняя камера и/или микрофон.
environment Должна использоваться внешняя камера и/или микрофон.

Примечание: Раньше capture был булевым атрибутом, который, при наличии, запрашивал использование устройств захвата медиа устройства (таких как камера или микрофон) вместо запроса ввода файла.

Попробовать

Примеры

При установке на ввод типа file, операционные системы с микрофонами и камерами отобразят интерфейс пользователя, позволяющий выбрать существующий файл или создать новый.

html
<p>
  <label for="soundFile">What does your voice sound like?:</label>
  <input type="file" id="soundFile" capture="user" accept="audio/*" />
</p>
<p>
  <label for="videoFile">Upload a video:</label>
  <input type="file" id="videoFile" capture="environment" accept="video/*" />
</p>
<p>
  <label for="imageFile">Upload a photo of yourself:</label>
  <input type="file" id="imageFile" capture="user" accept="image/*" />
</p>

Обратите внимание, что они лучше работают на мобильных устройствах; если ваше устройство — настольный компьютер, вы, вероятно, получите обычный выбор файла.

Спецификации

Спецификация
HTML захват медиа
# dfn-capture

Совместимость с браузерами

Рабочий стол Мобильные
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari в iOS Samsung Internet WebView Android
capture Нет Нет Нет Нет Нет 25 79 14 10 1.5 4.4

См. также

  • Использование файлов из веб-приложений
  • API файлов
  • HTMLInputElement.files

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API