Аудио и видео фрагменты в HTML документ

1. Презентация

ПРЕЗЕНТАЦИЯ
ТЕМА ПРЕЗЕНТАЦИИ: КАК РАЗМЕЩАТЬ АУДИО И ВИДЕО ФРАГМЕНТЫ В HTML
ДОКУМЕНТ
РАЗРАБОТАЛ: ИВЧЕНКО Е.А

2. Знакомство с html документом

ЗНАКОМСТВО С HTML ДОКУМЕНТОМ
• Основы HTML содержат основные правила языка HTML, описание структуры HTMLстраницы, отношения в структуре HTML-документа между HTML-элементами.
• HTML-документ — это обычный текстовый документ, может быть создан как в
обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой
кода (Notepad++, Visual Studio Code и т.п.). HTML-документ имеет расширение.
• HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент
обозначается в исходном документе начальным (открывающим) и конечным
(закрывающим) тегом (за редким исключением).

3. Размещение аудио фрагмента в html документе

РАЗМЕЩЕНИЕ АУДИО ФРАГМЕНТА В HTML
ДОКУМЕНТЕ
1. На хостинге, где и располагается Ваш сайт, в корневом каталоге (папке, где
индексный файл), создайте папку audio. В неё в дальнейшем будете помещать все
аудио файлы.
2. Далее нужно скачать файлы плеера.
3. Теперь выберите нужные файлы, лучше в формате mp3. Создайте папку audio в
корне сайта и закачайте их.
4. Остаётся только вставить код подключения плеера. Он подойдёт для любого сайта
В нужном месте следует только указать путь к файлу плеера и аудио файлу,
соответственно заменив слова ваш_домен и название_аудио_файла:

4. Теги для создания аудио фрагмента в html документе

ТЕГИ ДЛЯ СОЗДАНИЯ АУДИО ФРАГМЕНТА В
HTML ДОКУМЕНТЕ

5. Размещение видео фрагмента в html документе

РАЗМЕЩЕНИЕ ВИДЕО ФРАГМЕНТА В HTML
ДОКУМЕНТЕ
1.
Зарегистрироваться на видео сервисе (Например: YOUTUBE, YANDEX,
VK, RUTUBE)
2. После регистрации у Вас появится возможность загрузить видео
3. Получить код видео и вставить к себе на сайт

6. Теги для создания видео фрагмента в html документе

ТЕГИ ДЛЯ СОЗДАНИЯ ВИДЕО ФРАГМЕНТА В HTML ДОКУМЕНТЕ

7. Примеры аудио и видео фрагментов в браузере

ПРИМЕРЫ АУДИО И ВИДЕО ФРАГМЕНТОВ В БРАУЗЕРЕ