Иногда возникает желание вставить музыку на сайт. Или например можно вместо музыки вставить свою запись разговора или записать свой анекдот. Все это будет придавать сайту какую-то видимость взаимодействия с пользователем сайта. Естественно, это все будет удерживать посетителя и давать вам возможность повысится в рейтингах поисковых систем.
Давайте рассмотрим, как вставить музыку или аудиофайл с помощью простого тэга [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:
Вступайте в нашу группу ВК:
Задавайте вопросы – постараюсь ответить 😊
Удачи в таких классных начинаниях!
2 views
194
38
6 months ago 00:54:40 1
ЦБ РФ «по барабану» на ваши цифровые рубли / Как обманут пенсионеров
6 months ago 00:00:55 1
СИЛЬНЕЙШИЕ СЛОВА СПОРТСМЕНА | Речь бойца ММА Якова Букина взорвала интернет #shorts
6 months ago 00:08:38 1
Ошибка 0x80070570 при установке Windows 11/10 - Решение
6 months ago 00:08:27 1
Не работает Bluetooth на Windows 11/10 - Решение
6 months ago 01:30:38 1
Король и шут. Программа Жаль нет ружья ДС Юбилейный, Питер,
6 months ago 00:03:53 1
“Танец Рыцарей“ С.Прокофьев. Исполняет вся страна! #НасНеОтменить #ШедеврыРусскойКультуры
6 months ago 00:10:22 1
Таинственное путешествие к границам Вселенной
6 months ago 00:03:20 1
Русский язык 9 класс (Урок№42 - Бессоюзные сложные предл.со значением причины,пояснения,дополнения.)
6 months ago 00:04:23 1
🔝Как выйти в ТОП в УСЛУГАХ на Авито 🤫 Как работать с прайс листом Avito 👍 SEO СЕО оптимизация 2
6 months ago 00:03:15 1
Наложить Фото на Музыку онлайн
6 months ago 00:01:05 1
МАМОНОВ ГОВОРИТ О ВСТАВНЫХ ЗУБАХ
6 months ago 00:27:28 1
МОНТЯН: На Одессу точно нацелились! // Авдеевка, выборы в России, авиабаза в Румынии
6 months ago 00:17:16 1
Россия создает Альянс пострашнее НАТО. Могучая тройка грозит выкинуть США на обочину
6 months ago 00:44:24 1
Кто такие татары и как они сохраняют свою идентичность | АНАЛИЗИРУЙ ЭТНО
6 months ago 00:03:43 1
Эта юбка популярна во все времена. Подчёркивает фигуру и, скрывая недостатки, а сшить просто
6 months ago 00:10:00 1
Делай Эту Гимнастику 5 Минут в День и Посмотри Как Изменится Твоё Тело!
6 months ago 00:04:03 1
Разбить души твоей окна Винтаж
6 months ago 00:04:38 1
“Белые шарики“ ( Памяти героев посвящается ) & Муз. Е. Романовой Сл. Д. Филонова
6 months ago 01:08:20 1
Чебурашка и Крокодил Гена — все серии подряд [HD]
6 months ago 00:11:21 1
А что так можно было? 😜 Вышиваю вязальными нитками на обычной швейной машинке! 😄😄😄
6 months ago 00:00:58 1
Инструкция по обрыву нити часть 2 . Как правильно вставить иголку! Для вашей швейной машинки !
6 months ago 00:04:45 1
Упражнения для плоского живота не вставая со стула + Инструкция, Как начать худеть легко без срывов