Здравствуйте уважаемые начинающие веб-мастера.
Очень частый вопрос: как добавить на сайт аудио, то-есть музыку, или собственное голосовое приветствие.
Пошаговый ответ в этой статье.
Шаг 1.
Для того чтобы на сайте зазвучала фоновая музыка, первым делом нужен файл этой музыки.
Значит идём в интернет, забиваем в поиск название композиции которую вы хотите слушать на сайте и добавляем слово Скачать.
Выбрав приглянувшийся вариант, желательно mp3, скачиваете файл на свой компьютер.
Шаг 2.
Скачанный файл должен быть легко доступен, поэтому его нужно разместить в корневой папке вашего сайта.
Для пользователей WordPress, это папка wp-content.
Для аудио файлов, в папке wp-content создаём папку audio, так как в коробочке она заранее не предусмотрена и уже в неё загружаем скачанный файл.
Шаг 3.
Теперь нужно определится — на всех страницах будет звучать фоновая музыка, или только на одной или нескольких.
а) Музыка звучит на отдельной странице.
Заходим на нужную страницу или запись, переходим в Редактировать, переводим редактор в режим Текст, и в любом месте текстового поля вставляем следующий код:
<audio> <source src="https://starper55plys.ru/wp-content/audio/lybe1.mp3"> </audio>
Тег <audio> запускает медиаплеер браузера, а в теге <source> указывается путь по которому расположен ваш файл.
Для пользователей WordPress нужно будет только поменять название моего сайта starper55plys.ru на своё, и название моего файла lybe1 на название своего.
б) Музыка звучит на всех страницах сайта.
Заходим в Консоль — Внешний вид — Редактор — Заголовок (header.php) и после открывающего тега <body> Вставляем этот же код.
Не забудьте обновить файл.
Теперь о настройках.
Тег <audio> принимает несколько атрибутов, с помощью которых можно управлять воспроизведением.
1. controls
<audio controls="controls">
Если добавить этот атрибут, то в том месте где вы расположите код, на странице появится вот такая панелька упраления
2. autoplay
<audio autoplay="autoplay">
Музыка начинает играть сразу после загрузки страницы.
3. loop
<audio loop="loop">
Музыка после завершения повторяется бесконечно.
Атрибуты можно добавлять в тег как по отдельности, так и все сразу.
Как сделать голосовой файл
Для создания голосового файла потребуется микрофон.
Вставьте разьём микрофона в гнездо на компьютере и пройдите в меню Пуск — Все программы — Стандартные — Звукозапись.
Щелкаем по Звукозапись, и появляется вот такое окно
Нажимаем Начать запись и можно произносить в микрофон своё приветствие, или что-то ещё.
Когда всё будет сказано, нажимаем Остановить запись, после чего сразу появится окно поисковика для сохранения записанного файла.
Сохраняете его в нужную папку, чтоб не потерять.
Теперь этот файл нужно загрузить в корень сайта в созданную папку audio, туда же где и музыка.
На страницы файл вставляется и настраивается точно так же как и музыкальный.
Если вам нужно запустить и музыку и голосовое приветствие, то каждый из файлов помещаете в отдельный тег </audio>.
Теперь, я надеюсь, вам не сложно будет установить музыку на сайт
Желаю творческих успехов.
Вставляем видео и делаем ему рамочку < < < В раздел > > > Форматирование текста
Все работает, звук включается именно там где нужно, на отдельной странице сайта)
Единственная загвоздка, звуковая дорожка автоматически включается только при переходе на нужную страницу с самого сайта. А вот если с браузера переходить прямо на нужную страницу звук не подает сигнала)
Подскажите, можно как то это исправить?)
Вопрос задан немного некорректно, но я понял. Вам нужно, чтоб файл запускался только один раз, с любой страницы, на которую зайдёт посетитель и в дальнейшем, при перемещении посетителя по сайту, больше не запускался.
Средствами html и css такой прибамбас сделать не получится. Тут надо обернуть в javascript или php. Реализация есть во всех popap плагинах. Если сами в этом не разбираетесь, то советую обратиться на фриланс, так как сделать не просто. Но и не особо сложно. У меня просто нет времени этим заниматься.
А как сделать, чтобы при переходе на другую страницу аудио не запускалось? А то надоедает слушать одно и то же. По-моему, это негативно скажется на ПФ, если посетители распсихуются.
Не удивительно. С таким то именем.
Очень странно у меня не работает, просто ничего нет проде все правельно, но этот тэг не рабоатет