Как вставить музыку на сайт | Уроки HTML, CSS

Иногда возникает желание вставить музыку на сайт. Или например можно вместо музыки вставить свою запись разговора или записать свой анекдот. Все это будет придавать сайту какую-то видимость взаимодействия с пользователем сайта. Естественно, это все будет удерживать посетителя и давать вам возможность повысится в рейтингах поисковых систем. Давайте рассмотрим, как вставить музыку или аудиофайл с помощью простого тэга [audio]. Атрибуты тега [audio]: Autoplay - при загрузке страницы файл начинает сразу проигрываться Controls – используется для отображения панели управления плеером в браузере loop – бесконечное проигрывание файла – запускает его заново после окончания 😊 preload – дает команду браузеру сразу загрузить файл, для моментального старта – по команде - без ожиданий загрузки src – конечно, это путь к аудио файлу (mp3 | ogg) Пример кода: [audio controls] [source src=“audio/“ type=“audio/ogg; codecs=vorbis“ controls=“controls“] [source src=“audio/“ type=“audio/mpeg“] Тег audio не поддерживается вашим браузером. [a href=“audio/“]Скачайте музыку[/a]. [/audio] Тот текст, который помещается между тегами [audio] такой как в примере «Тег audio не поддерживается вашим браузером. [a href=“audio/“]Скачайте музыку[/a].» - отображается, когда тег [audio] не поддерживается браузером, т.е. пользователю отображается «скачать музыку» только тогда, когда этот тег не поддерживается браузером - это как альтернативная запись, которая выводится пользователю вместо вывода проигрывателя аудио файлов. Поэтому используйте современные браузеры и обновляйте их. 😊 Обратите внимание, что музыку, которую вы хотите проигрывать на сайте, нужно использовать такую, которую сам автор музыкальной композиции разрешил использовать без указания его авторских прав как для бесплатных так и для коммерческих проектов. Потому что, если вы, например, будете записывать видео или вставлять эту музыку куда-то в ваше видео и выкладывать например на YouTube, то тогда к вашему видео могут примениться различные негативные действия: начиная от блокировки, заканчивая вырезанием звука. И конечно поисковые системы могут ранжировать ваш сайт ниже, если он использует пиратские копии музыкальных файлов. Поэтому используйте бесплатную музыку или пишите свою 😊 Кстати на YouTube есть раздел, где есть много музыки для использования в своих видео без авторских прав, вот ссылка: Причем, для бесплатной музыки с YouTube можно указать следующие плюсы: можно выбрать Жанр, Настроение, Инструмент, Длительность; можно использовать библиотеку звуков. Ну и конечно есть минус: такие композиции используют тысячи раз и вы их будете узнавать и слышать в других каналах. Если Вам понравилась публикация, подписывайтесь на канал, за Ваши лайки чаще показывают Наши публикации. Если есть вопросы или пожелания, то пишите, в комментариях. *** Внимание: Угловые скобки в описании нельзя разместить - поэтому вместо них использованы квадратные [ ] !!! *** #html #музыка #технологии #образование #сайт Подписывайтесь на наш канал в YouTube: Вступайте в нашу группу ВК: Задавайте вопросы – постараюсь ответить 😊 Удачи в таких классных начинаниях!