Примеры синтаксиса HTML Media Capture
Сделано на платформе видеозаписи Pipe
Эти примеры основаны на последней спецификации HTML Media Capture , спецификации Рекомендации W3C от 1 февраля 2018 г. (ссылка).
В отличие от более ранних версий спецификации, атрибут захвата теперь является перечисляемым атрибутом (список строк), а не логическим значением. Изменение позволяет разработчику указать предпочтительнее режим просмотра (пользователь или среда) при записи непосредственно с оборудования (камеры, микрофона и т. д.).
Видеозапись: один файл
Пример 1: Самый простой способ использовать HTML Media Capture для захвата видео — использовать следующую строку. Это должно позволить пользователю как выбрать видео из библиотеки, так и записать новое видео на месте.
Пример 2: Если вы добавите атрибут Capture
Пример 3 и 4: В более новых версиях спецификации вы можете указать предпочитаемый режим ориентации для камеры: спереди (пользователь) или сзади (окружающая среда). Используйте 2 приведенных ниже примера, чтобы протестировать поддержку этих новых значений в вашем браузере, ОС или устройстве.
<тип ввода = "файл" accept = "видео/*" захват = "пользователь" >
Видеозапись: несколько файлов
Пример 5: Используя атрибут Multiple
, пользователи смогут выбирать несколько видео из своей библиотеки. Это работает в Safari на iOS, на котором я тестировал несколько раз. Убедитесь, что вы не указали здесь атрибут Capture
, иначе возможность выбора существующих файлов из библиотеки может быть недоступна.
<тип ввода = "файл" accept = "видео/*" несколько>
Аудиозапись: один файл
Пример 6: Запросить аудиозапись вместо видеозаписи так же просто, как изменить значение атрибута accept
на audio/*
. Запись только аудио не работает на iOS (проверено до 13.3) и на некоторых устройствах Android.
Пример 7: Добавление сюда атрибута Capture
должно принудительно создать новую аудиозапись вместо того, чтобы позволить пользователю выбрать существующую из библиотеки. Это приводило к сбою Safari на всех версиях iOS 13 (проверено до 13.3) (сообщается об ошибке).
<тип ввода = "файл" accept = "аудио/*" захват>
Фото: один файл
Пример 8: Этот код позволяет пользователю выбрать фотографию из своей библиотеки ИЛИ сделать новую с помощью приложения камеры
Пример 9: При добавлении атрибута захват
пользователям будет предложено сделать снимок на месте с помощью приложения камеры
Пример 10 и 11: В более новых версиях спецификации вы можете указать предпочитаемый режим для камеры: спереди (пользователь) или сзади (окружающая среда). Используйте 2 приведенных ниже примера, чтобы протестировать поддержку этих новых значений в вашем браузере, ОС или устройстве.
<тип ввода = "файл" accept = "видео/*" захват = "пользователь" >
Фото или видео: один файл
Пример 12: Приведенный ниже код должен позволять пользователю выбирать или снимать видео ИЛИ фото
Пример 13: Приведенный ниже код должен позволять пользователю снимать только новое видео ИЛИ фото
Исходная статья для этого сообщения в блоге: https://blog.addpipe.com/correct-syntax-html-media-capture/
Код для этой страницы на GitHub: https://github.com/addpipe/HTML-Media -Capture-Correct-Syntax
Атрибут HTML input type="file" - Computer Notes
Home » Html » Tutorial » HTML input type="file" Attribute
By Dinesh Thakur
HTML также поддерживает специальный ввод поле, поле файла, чтобы посетители могли загружать файлы.
Синтаксис
Имя: Чтобы пометить поле.
Размер: Для указания физического размера поля ввода поля.
Принять: Для ограничения типов файлов, разрешенных при загрузке файлов. Например, добавьте accept = «image/gif», чтобы занимать только файлы gif
Чтобы включить файлы определенных типов, просто разделите их запятыми. Например, чтобы включить ОБА файлы .gif и .jpeg, можно использовать следующий код.
Accept = "image/gif, image/jpeg"
Когда форма загружается или сбрасывается, в окне появляется кнопка "Обзор" вместе с текстовым полем для ввода имени файла.
Когда пользователь нажимает на эту кнопку, открывается новое окно «выбрать файл», и пользователь может выбрать нужный файл. Следующий код добавит поле файла.текстовые поля <тело bgcolor="розовый">форма приема