Пыльца сосны Россия
Инструкция
Все нюансы сборки, переработки, заготовки и применения.
-- Купить пыльцу --

Озвучка сайта

Здравствуйте уважаемые начинающие веб-мастера.

Очень частый вопрос: как добавить на сайт аудио, то-есть музыку, или собственное голосовое приветствие.

Пошаговый ответ в этой статье.

Шаг 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 основы. Добавьте в закладки постоянную ссылку.
А так же:

5 комментариев на «Озвучка сайта»

  1. Ирина говорит:

    Все работает, звук включается именно там где нужно, на отдельной странице сайта)
    Единственная загвоздка, звуковая дорожка автоматически включается только при переходе на нужную страницу с самого сайта. А вот если с браузера переходить прямо на нужную страницу звук не подает сигнала)
    Подскажите, можно как то это исправить?)

  2. stariс говорит:

    Вопрос задан немного некорректно, но я понял. Вам нужно, чтоб файл запускался только один раз, с любой страницы, на которую зайдёт посетитель и в дальнейшем, при перемещении посетителя по сайту, больше не запускался.

    Средствами html и css такой прибамбас сделать не получится. Тут надо обернуть в javascript или php. Реализация есть во всех popap плагинах. Если сами в этом не разбираетесь, то советую обратиться на фриланс, так как сделать не просто. Но и не особо сложно. У меня просто нет времени этим заниматься.

  3. Марина говорит:

    А как сделать, чтобы при переходе на другую страницу аудио не запускалось? А то надоедает слушать одно и то же. По-моему, это негативно скажется на ПФ, если посетители распсихуются.

  4. stariс говорит:

    Не удивительно. С таким то именем.

  5. апршовшщорв говорит:

    Очень странно у меня не работает, просто ничего нет проде все правельно, но этот тэг не рабоатет

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *