Skip to content

Commit

Permalink
Обновляет рецепт Загрузка файла с прогресс-баром (#4694)
Browse files Browse the repository at this point in the history
* Делает уточнения, субтитры

* Меняе формат

* Удаляет файл
  • Loading branch information
TatianaFokina authored Sep 5, 2023
1 parent 8b4e8d5 commit 6a8d5df
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 1 deletion.
7 changes: 6 additions & 1 deletion recipes/progress/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -247,6 +247,11 @@ function loadHandler(event) {
<video controls width="640">
<source src="video/progress.mp4" type="video/mp4">
<source src="video/progress_safari.mp4" type="video/mp4">
<track
label="Russian"
kind="subtitles"
srclang="ru"
src="video/closed-captions.vtt">
</video>

## Разбор решения
Expand Down Expand Up @@ -294,7 +299,7 @@ function loadHandler(event) {

Отправка файла на сервер выполняется при отправке формы. Для этого в JS-коде мы подписываемся на событие `submit`. Обработчик этого события будет обрабатывать выбранный файл и передавать его на сервер.

Ход выполнения загрузки будет показываться с использованием специального элемента [`<progress>`](/html/progress/).
Ход выполнения загрузки будет показываться с использованием специального элемента [`<progress>`](/html/progress/). В этот тег встроена роль [`progressbar`](/a11y/role-progressbar/), благодаря которой [скринридеры](/a11y/screenreaders/) объявляют прогресс загрузки автоматически.

Чтобы показать текстовую информацию о результатах загрузки, используются текстовые элементы [`<span>`](/html/span/).

Expand Down
4 changes: 4 additions & 0 deletions recipes/progress/video/closed-captions.vtt
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
WEBVTT
00:00:00.000 --> 00:00:06.000
(Без звука)

0 comments on commit 6a8d5df

Please sign in to comment.