Всем привет! Сегодня я покажу вам парочку примеров как можно поставить фоновый HTML 5 звук или музыку на собственный сайт или блог.
В первом варианте мы будем использовать теги :
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>
<body>
<audio src="music.ogg" controls="controls">
</audio>
</body>
</html>
Использование атрибутов:
- autoplay="autoplay" - воспроизведение музыкального файла сразу же после загрузки страницы.
- autobuffer="autobuffer" в паре с autoplay="autoplay" определяет воспроизведение музыкального файла уже в момент загрузки страницы.
- src="url" – путь в каталоге к звуковому файлу.
- controls="controls" показывает панель управления плеером.
- файл должен быть с расширением .ogg.
Второй вариант (больше подходит для браузеров Internet Explorer и Opera):
<title>HTML звук на сайте</title>
<bgsound src="music.wav" loop="1" volume="-1000" balance="0" />
</head>
<body>
<img src="imgage_sound.jpg" alt="Музыка на сайте" />
</body>
</html>
Использование атрибутов:
- – определяет фоновый HTML звук, музыку на сайте. Прописывать нужно между тегами .
- src="" – определяет url звукового файла (формат Wav или Mp3).
- loop="" – количество проигрываний.
- volume="-1000" – громкость звука. В данном случае обозначенная величина будет вычтена из текущего уровня громкости, установленного на компьютере пользователя.
- balance="0" – регулирует баланс звучания.
Как видите ничего сложного нет, поэтому можно с легкостью украсить свой сайтик.
Источник изображения pixabay.com
💡 Поздравляю, Ваш пост попал в рейтинг: Еженедельный рейтинг постов от djimirji. Неделя 17.9.2018-23.9.2018.
В случае апвоута поста с наградой, вознаграждение составило бы: 0.136 GOLOS
💡 Поздравляю, Ваш пост попал в рейтинг: Рейтинг постов от djimirji. Период 17.9.2018-19.9.2018.
В случае апвоута поста с наградой, вознаграждение составило бы: 0.183 GOLOS
Ваш пост поддержали следующие Инвесторы Сообщества "Добрый кит":
cats, spinner, littleboo, ianboil, strecoza, mishka, sergiy, andrey1986, vako, blange, rbrown, ovchinnikov, niiu, dikaniovs, la-bella-vita, tasha, kilobucks, ohlamoon, maksina, yurgent71, zlody, dr-boo, nefer, turkish-r, oceanotechnic, andreyprosto, vict0r, gromozeka, drim, gryph0n, ladykosha, decha, cepera, retoldname, kvg, roman-nikitin, oagalakova, sterh, olga-fink, optimist, amelina.elena, dayver, bammbuss, bombo, manavendra, lokkie, now, ili, mp42b, process, massatela, shafarevich, amalinavia, vsebudethorosho, sansey, izbushka, propoker, html, vredinka2345, fxmonster, carpe-diem, azarovskiy, brainmechanic, sinilga, valen-tina, maryatekun, egoryana, anykeycheg, delectat, prezza, worthless-man, krevetkoshou, elcpa, olgataul, boliwar, wmforum, jpigeon84, denispavlov, kinoshka, archual, djimirji, alena4e, radmilochka, valdemar777, fatima, psychos
Поэтому я тоже проголосовал за него!
Узнать подробности о сообществе можно тут:
Разрешите представиться - Кит Добрый
Правила
Инструкция по внесению Инвестиционного взноса
Вы тоже можете стать Инвестором и поддержать проект!!!
Если Вы хотите отказаться от поддержки Доброго Кита, то ответьте на этот комментарий командой "!нехочу"
dobryj.kit теперь стал Делегатом! Ваш голос важен для всего сообщества!!!
Поддержите нас:
✅
@djimirji up!
💡 @maximus00 получил апвоут на 15% (VotingPower 8426.27).
Апайте посты блога: https://golos.id/@djimirji и будете получать апвоуты на 50%
Пост может попасть в двухдневный рейтинг и получить награду в случае АПА поста
Пост может попасть в еженедельный рейтинг.
Условия вызова бота:
@maximus00, поздравляю! Вы добились некоторого прогресса на Голосе и были награждены следующими новыми бейджами:
Вы можете нажать на бейдж, чтобы увидеть свою страницу на Доске Почета.
Если вы больше не хотите получать уведомления, ответьте на этот комментарий словом
стопЧтобы поддержать вашу работу, я также проголосовал за ваш пост!