ЛПР №25 Форматування аудіо- та відеофайлів.
До основних атрибутів тега audio відносяться:
src - шлях до аудіофайлу (може здаватися окремо за допомогою вкладеного тега source);
controls - відображається панель управління аудіо (play, pause, volume і т.д.);
autoplay - відтворює аудіофайл відразу після завантаження веб-сторінки;
loop - циклічне відтворення; вкладений тег source може мати такі атрибути:
src - шлях до аудіофайлу;
type - тип аудіо-джерела;
media - тип пристрою, на якому буде програватися аудіофайл (all - на всіх пристроях, tv - телевізор і т.д.);
Приклад
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
Ваш браузер не підтримує даний аудіо-формат
</audio>
На хостингу, де і розташовується Ваш сайт, в кореневому каталозі (папці, де індексний файл), соpдайте папку audio. У неї в подальшому будете поміщати все аудіо файли. 3. Тепер виберіть потрібні файли, краще в форматі mp3. створіть папку audio в корені сайту та закачайте їх. 4. Залишається тільки вставити код підключення плеєра. Він підійде для будь-якого сайту У потрібному місці слід тільки вказати шлях до файлу плеєра і аудіо файлу, відповідно замінивши слова ваш_домен і названіе_аудіо_файла:
На хостингу, де і розташовується Ваш сайт, в кореневому каталозі (папці, де індексний файл), створити папку audio. У неї в подальшому будете поміщати все аудіо файли.
. Тепер виберати потрібні файли, краще в форматі mp3. створіть папку audio в корені сайту та закачайте їх.
Залишається тільки вставити код підключення плеєра. Він підійде для будь-якого сайту У потрібному місці слід тільки вказати шлях до файлу плеєра і аудіо файлу, відповідно замінивши слова ваш_домен і названіе_аудіо_файла:
Щоб показати відео в HTML, використовуйте тег <video>Приклад
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Ваш браузер не підтримує тег відео в HTML5 </video>
Controls - атрибут додає елементи управління відео такі, як відтворення, пауза, і обсяг.
Гарна ідея завжди включати width і height - атрибути. Якщо висоту та ширину не встановлено, сторінка може мінятися під час завантаження відео.
<source> - Елемент дозволяє вказати альтернативні відео файли, які браузер може вибрати. Браузер використовуватиме перший розпізнаний формат.
Текст між тегами <video> і </video> - тегами буде відображатися лише в браузерах, які не підтримують цей <video> елемент.
Щоб розпочати відео, автоматично використовуйте autoplay атрибут:
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>