Как добавить аудио-файл?

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

Вам понадобится

• Интегрирование аудиозаписей посредством сервиса Uppod.

Инструкция

Прежде всего вам следует пройти процедуру регистрации в сервисе Uppod, для этого перейдите по следующей ссылке http://uppod.ru/auth/sign. Перед вами появится форма регистрации нового пользователя. Здесь необходимо ввести логин, пароли (сам пароль и его подтверждение) и указать электронный адрес.

При вводе логина обратите внимание на то, что он может быть уже занят, поэтому не поленитесь нажать кнопку проверки «Свободен?». E-mail желательно указывать именно тот, на который вы получаете уведомления об изменениях на сайте. Перед нажатием кнопки «Готово» не забудьте поставить отметку напротив пункта «Принимаю пользовательское соглашение».

Затем создайте три каталога в корневой директории вашего сайта (audio, player и styles). Вернитесь к сайту и осуществите вход в аккаунт. Затем перейдите к вкладке «Мой плеер» и нажмите ссылку «Скачать плеер» в левом верхнем углу страницы. После распаковки архива, скопируйте файл uppod.swf в недавно созданную папку player.

Перейдите к элементу «Мой плеер» и выберите «Аудио», «Стили», затем нажмите на кнопку с изображением «+». Добавьте свой стиль, дав ему уникальное название.

Нажмите кнопку «Сохранить» и вернитесь к элементу «Стили». Выберите недавно созданный стиль и нажмите ссылку «Скачать». Файл стилей необходимо скопировать в папку styles, которая находится в корне сайта.

Проигрываемый аудиофайл необходимо скопировать в папку audio. Вернитесь к сайту и во вкладке «Файлы» добавьте свой файл, предварительно нажав на знак «+». Путь до файла будет выглядеть следующим образом: http://site.ru/audio/primer.mp3.

Теперь перейдите к элементу «Мой плеер», выберите «Аудио», затем «Файлы» и напротив выбранного файла нажмите ссылку «Код». Скопируйте код «HTML c полной поддержкой IE» и вставьте на сайте.

Оцените статью!