Иногда возникает желание вставить музыку на сайт. Или например можно вместо музыки вставить свою запись разговора или записать свой анекдот. Все это будет придавать сайту какую-то видимость взаимодействия с пользователем сайта. Естественно, это все будет удерживать посетителя и давать вам возможность повысится в рейтингах поисковых систем.
Давайте рассмотрим, как вставить музыку или аудиофайл с помощью простого тэга [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
228
53
4 days ago 00:00:59 1
КЕРАМИЧЕСКИЕ ВИНИРЫ ВИДЕО 🔴 СКОЛЬКО СТОЯТ ВСТАВНЫЕ ВИНИРЫ ❌
4 days ago 00:01:18 1
КАК ПОЛУЧАТЬ ДЕНЬГИ ЗА ПЕРЕХОДЫ ПО ССЫЛКАМ
4 days ago 00:00:40 1
Бохо-серьги на кольцах с замшевыми шнурами 🥰💐 #украшения #серьги #music
4 days ago 00:11:54 1
Идеальная Утренняя ЗАРЯДКА для Девушек за 10 минут | Легкая РАЗМИНКА всего тела НЕ вставая с Кровати
4 days ago 00:01:44 7
🔵 АНТЕННА ДЛЯ ТЕЛЕВИЗОРА САМСУНГ 🔥 УСИЛИТЕЛЬ ДЛЯ АНТЕННЫ DVB T2 ⚡
4 days ago 00:03:53 1
“Танец Рыцарей“ С.Прокофьев. Исполняет вся страна! #НасНеОтменить #ШедеврыРусскойКультуры
4 days ago 00:01:18 1
Подработка сегодня киров 🎯
4 days ago 00:01:44 11
🚫 КУПИТЬ КОМНАТНУЮ ЦИФРОВУЮ АНТЕННУ В МОСКВЕ ⛔
4 days ago 00:01:18 2
😎 НА КАКИХ ФАЙЛООБМЕННИКАХ МОЖНО ЗАРАБОТАТЬ 👌 КАК ЗАРАБАТЫВАТЬ 100000 РУБЛЕЙ В МЕСЯЦ ❗
4 days ago 00:00:58 4
Олег Тиньков про СБЕР #продажи #тренды #shorts #нейросеть #viral #бизнес #мемы #aiart #lol #обучение